画图库

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/**
* 手写板
* @constructor
* @param width 手写板宽度
* @param height 手写板高度
* @param lineW 线粗
* @param lineColor 线颜色
* @param bgColor 手写板颜色
* @param El canvas节点Dom元素
* @param historyLength 历史记录条数
* @method dataUrl 获取base64编码
* @param mime 文件类型
* @method dataURLtoBlob 获取blob文件
* @param dataUrl base64编码
* @param filename 文件名
* @method dataURLtoFile 获取file文件
* @param dataUrl base64编码
* @param filename 文件名
* @method downLoadUrl 获取下载地址
* @param dataUrl base64编码
* @param filename 文件名
* @method save 保存图片
* @param mime 文件类型
* @param filename 文件名
* @method clear 清空canvas区
* @method getHistory 获取操作记录
* @method upStep 上一步
* @method nextStep 下一步
* @method clearHistory 清空历史记录
*/

实现了鼠标画图,自定义颜色,历史记录,上一步,下一步等功能

如图所示:

示例

没有写样式,只是为了展示基本功能

地址:http://gitlab.wangblogs.top/wang/drawname

网站可能会很卡。。多等一会,请求超时的话刷新一下。