SVG实现的网页涂鸦插件svg-pen-sketch.js

svg-pen-sketch.js是一款网页涂鸦插件，可以实现在页面上画画、签名等功能。基于svg+js代码实现。

let svgSketch = SvgPenSketch.default;
const canvas = new svgSketch(document.querySelector("svg"), { 
      "stroke": "black", //颜色
      "stroke-width": "1px" //画笔粗细
});

回调方法

canvas.penDownCallback = (path, event) => {
  console.log(`Pointer location = (${event.offsetX},${event.offsetY}) @ ${event.timeStamp}`);
};

canvas.eraserDownCallback = (removedPaths, event) => {
  if (removedPaths.length > 0)
    console.log("Removed strokes", removedPaths);
};

canvas.penUpCallback = () => {
  // 
};

canvas.eraserUpCallback = () => {
  // 
};

擦除功能

canvas.toggleForcedEraser();