JavaScript画板网页组件

DrawingTablet.js库可以创建可定制的绘图板，用户可以直接在您的网站或应用程序中绘制、涂鸦或记下笔记。用户可以通过撤消（Ctrl+Z）和重做（Ctrl+Y）功能快速更正错误，模仿自然绘制过程。此外。

const instance = new DrawingTablet("#canvas-container", {
      // options & defaults
      width: 600,
      height: 600,
      size: undefined,
      bg: "#167e60",
      color: "#000000",
      brushSize: 2,
      logs: false,
      fullSize: false,
      fullWidth: false,
      fullHeight: false,
      fullscreen: false,
      lineCap: "round",
      lineJoin: "round",
      overflow: "hidden",
      scale: 1,
      autosave: true,
});

API方法

instance.log()
instance.redraw()
instance.clearOnlyScreen()
instance.clear()
instance.undo()
instance.redo()
instance.save()
instance.clearSaved()
instance.drawFromSaved()
instance.download(filename)