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

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

看看谁在用

查看文件结构

文件大小:0.17M

资源分类: 插件-SVG动画

更新时间: 2021-03-04

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

正在加载文件目录...

也许你还喜欢

  1. js涂鸦画板插件代码下载
  2. jquery简单涂鸦画板插件
  3. js涂鸦画板插件代码
  4. canvas轨迹html5动画
  5. 仿ps样式js网页涂鸦板插件
  6. canvas可编辑拖拽画板
网页水平滚动特效插件infinite-carousel.js
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2