5+最好的画板,并在画布上手动绘制JavaScript和jQuery插件

本文概述

  • 5. wPaint
  • 4. Sketchpad
  • 3. Sketch.js
  • 2. Responsive Sketchpad
  • 1. Atrament.js
  • Literally Canvas
从定制的签名板到我们的MsPaint个人网络版本, 如果你想进入很棒的画布世界, 这些库都是一个不错的开始。根据实现的难易程度以及API与开发人员之间的友好程度(包括依赖关系)来进行排名。
5. wPaint Github |演示版
wPaint是一个用于简单绘图表面的jQuery绘画插件, 你可以轻松地将其弹??出到页面中, 类似于基本的Windows绘画程序。该插件需要jQuery UI。
5+最好的画板,并在画布上手动绘制JavaScript和jQuery插件

文章图片
4. Sketchpad 【5+最好的画板,并在画布上手动绘制JavaScript和jQuery插件】Github |演示版
Sketchpad是一个简单的Sketchpad项目, 该API提供了各种功能, 例如撤消和重做管理器以及笔触大小。你甚至可以为绘制的路径设置动画。
5+最好的画板,并在画布上手动绘制JavaScript和jQuery插件

文章图片
3. Sketch.js Github |演示版
Sketch.js是一个易于使用的jQuery插件, 可让你创建供访问者在其上绘制的画布。该代码部分受William Malone的绘图应用程序教程以及CanvasPaint的启发。
5+最好的画板,并在画布上手动绘制JavaScript和jQuery插件

文章图片
2. Responsive Sketchpad Github |演示版
响应式画板完全响应的HTML5画布画板, 可在台式机和移动浏览器上使用。你可以在画布上绘制任意尺寸, 然后可以使用javascript设置动态尺寸, 并且笔触也会调整大小。
5+最好的画板,并在画布上手动绘制JavaScript和jQuery插件

文章图片
1. Atrament.js Github |演示版
5+最好的画板,并在画布上手动绘制JavaScript和jQuery插件

文章图片
Painterro
Github
5+最好的画板,并在画布上手动绘制JavaScript和jQuery插件

文章图片
Painterro是JavaScript绘画小部件, 它允许直接在浏览器中编辑图像。通过仅包含一个js文件并调用初始化代码, 可以轻松地将其集成到你的网站或博客中。使用Painterro, 你可以:
  • 使用Ctrl + V从剪贴板粘贴图像(例如PtnScr屏幕截图), 将其拖放到小部件中, 或使用打开的对话框加载
  • 按定义区域裁剪图像
  • 绘制图元(可以使用Alpha颜色)
  • 添加文字
  • 旋转/调整大小(缩放)图像
  • 像素化某些区域以隐藏敏感数据
如果你知道另一个很棒的素描插件, 请在评论框中与我们分享!

    推荐阅读