SVG画图js插件svg-pen-sketch

svg-pen-sketch.js是画图插件，基于JavaScript+SVG实现的网页画板。

自定义线条颜色和粗细

canvas.strokeStyles = {
  "stroke": "red", 
  "stroke-width": "2px"
};

回调方法

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 = () => {
 
};