一、最近有需求--H5实现电子签名：偶然在网上发现 smooth-signature 支持移动端手写签名（横屏、竖屏）、pc端功能：

1、竖屏展示

2、横屏展示

3、图片预览

4、插件使用也很简单

import SmoothSignature from "smooth-signature";

initSignature() {
  const canvas = document.getElementById('canvas')
  const options = {
    width: window.innerWidth - 10,
    height: 200,
    minWidth: 2,
    maxWidth: 6,
    // color: "#1890ff",
    bgColor: '#f6f6f6',
  }
  this.signature = new SmoothSignature(canvas, options)
}

// template
  <canvas class="canvas1" id="canvas1"></canvas>
  <div class="actions">
    <button @click="handleClear">清空｜</button>
    <button @click="handlePreview">查看图片｜</button>
    <button @click="handleFull">横屏｜</button>
    <button @click="saveImg">保存</button>
  </div>

5、查看demo及源码地址：

演示地址：DEMO演示

源码地址：GitHub地址