Zwibbler—前端Canvas绘图工具使用记录

本人第一次发博客,用意在于记录自己在开发过程中用到的实用工具并分享出来,写的可能不好,请大家多多包涵!!!

工具官网:https://www.zwibbler.com

基于Canvas的一个前端绘画工具。具体功能本人暂未深究。主要在项目中的应用场景如下:

1.将Canvas画板植入前端

2.用户可通过左侧的画笔选项工具选择画笔在画板上绘图

3.绘图完成后点击页面中的提交按钮可将绘制后的画板以jpg格式提交到服务器中

 废话不多说,在此简述一下如何实现上述几点:

引入Zwibbler的JS文件,我个人引入的是官网的zwibbler-demo.js

首先,将Canvas画板植入前端

         1.页面写一个div

         2.引入zwibbler-demo.js到项目中,并在script脚本中初始化Zwibbler