e-signature-vue

安装

npm i e-signature-vue

使用

import { createApp } from 'vue'
import App from './App.vue'
import ESignatureVue from 'e-signature-vue'

createApp(App).use(ESignatureVue).mount('#app')

模板

<template>
  <div class="app">
    <Signature></Signature>
  </div>
</template>

-------------or----------

<template>
  <div class="app">
    <Signature v-slot="slotProps" @Save="save">
      <!-- 自定义slot -->
      <button @click="slotProps.cancel">取消</button>
      <button @click="slotProps.save">保存</button>
    </Signature>
  </div>
</template>

配置项

isDwImg: Boolean // 保存时是否需要下载图片到本地
config：{
    width: 400, // canvas宽度
    height: 200, // canvas宽度高度
    lineWidth: 5, // canvas宽度线宽
    strokeStyle: 'red', // canvas宽度线条颜色
    lineCap: 'round', // canvas宽度设置线条两端圆角
    lineJoin: 'round', // canvas宽度线条交汇处圆角
}