canvas-sign-online v1.2.3

canvas-sign

Use

npm run canvas-sign-online --save

第一步初始化并且设置容器大小：

import CanvasSign from "canvas-sign-online";

const cv = document.getElementById("canvas");
const canvas = new CanvasSign(cv);
cv.width = '500';
cv.height = '500';

第二步画笔设置样式：

canvas.setLineStyle({
    strokeStyle: "black",
    lineWidth: 2,
    shadowBlur: '1',
    lineCap: 'round',
    shadowColor: 'black',
    lineJoin: 'round',
})

接下来就是自由绘制了。
绘制完成后导出：

// 导出json
const dataJson = canvas.toJson().dataJson;
// 导出图片
const img = document.createElement("a");
img.href = canvas.getPNGImage();
img.download = "canvas-sign.png";
img.style.display = "none";
document.body.appendChild(img);
img.click();
document.body.removeChild(img);

导入json：

canvas.loadJson(dataJson);

api列表：