vue3 电子签名实现

.星空.

已于 2023-10-17 13:26:52 修改

阅读量1.1k

点赞数 2

分类专栏： js vue 文章标签： vue.js javascript 前端

于 2023-10-17 13:26:17 首次发布

本文链接：https://blog.csdn.net/m0_72759446/article/details/133878954

版权

vue电子签名可以通过vue-esign插件来实现:

第一步安装：

npm install vue-esign

引用方式：

全局：

局部：

// .vue 文件 
import vueEsign form 'vue-esign'

使用方式：

<template>
  <!-- 使用这个签名组件 -->
  <vueEsign
    ref="esign"
    class="mySign"
    :width="800"
    :height="300"
    :isCrop="isCrop"
    :lineWidth="lineWidth"
    :lineColor="lineColor"
  />
  <span class="dialog-footer">
    <el-button @click="save" type="primary">生成签字图片</el-button>
    <el-button @click="reset">