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();

在线演示        积分下载        6毛下载        砍两刀下载       

未经允许不得转载： ICode联盟 » 插件特效 » SVG实现的网页涂鸦插件svg-pen-sketch.js