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

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

preview        Points Download        6毛Download        Share Download       

文件目录······
暂无数据

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

点击广告,支持我们为你提供更好的服务
 猜你喜欢 更多»
点击广告,支持我们为你提供更好的服务
 工具推荐 更多»
点击广告,支持我们为你提供更好的服务