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。

4. Sketchpad

Github |演示版

Sketchpad是一个简单的Sketchpad项目, 该API提供了各种功能, 例如撤消和重做管理器以及笔触大小。你甚至可以为绘制的路径设置动画。

3. Sketch.js

Github |演示版

Sketch.js是一个易于使用的jQuery插件, 可让你创建供访问者在其上绘制的画布。该代码部分受William Malone的绘图应用程序教程以及CanvasPaint的启发。

2. Responsive Sketchpad

Github |演示版

响应式画板完全响应的HTML5画布画板, 可在台式机和移动浏览器上使用。你可以在画布上绘制任意尺寸, 然后可以使用javascript设置动态尺寸, 并且笔触也会调整大小。

1. Atrament.js

Github |演示版

Atrament.js是一个微型JS库, 用于在HTML Canvas上进行漂亮的绘图和手写, 它使用户能够使用触摸板或鼠标在HTML画布上绘制平滑自然的绘图和笔迹。

Literally Canvas

Literally Canvas, Canvas是一个很棒的HTML5绘图小部件, 但是React.js是一个依赖项。它支持撤消和重做管理器, 缩放窗格, 选择, 橡皮擦, 笔划大小更改器以及更多功能。

Painterro

Github

Painterro是JavaScript绘画小部件, 它允许直接在浏览器中编辑图像。通过仅包含一个js文件并调用初始化代码, 可以轻松地将其集成到你的网站或博客中。使用Painterro, 你可以：

• 使用Ctrl + V从剪贴板粘贴图像(例如PtnScr屏幕截图), 将其拖放到小部件中, 或使用打开的对话框加载
• 按定义区域裁剪图像
• 绘制图元(可以使用Alpha颜色)
• 添加文字
• 旋转/调整大小(缩放)图像
• 像素化某些区域以隐藏敏感数据

如果你知道另一个很棒的素描插件, 请在评论框中与我们分享！