allenye0909 / canvastablet

使用canvas 简单实现写字功能并保存为图片

canvasTablet

使用canvas 简单实现写字功能并保存为图片 这是一个简单的写字板，主要有画笔和橡皮两种形态，进入也页面是默认使用画笔。

实现起来很简单，鼠标按下为开始讯息，在鼠标移动的时候记录鼠标的位置，然后使用canvas的画图功能来实现每个点的绘画， 这样也就形成了所看到的所谓的画笔。

当然，能画也要能擦，橡皮擦的功能实现原理是一样的，只不过画笔的颜色变成了白色，线条宽度也相应的要大一些，以看起来像那么回事（……），橡皮和画笔之间 只需要一个简单的标志符号来区别就可以了。

代码做了简单的移动端和pc端的区别，主要是获取鼠标位置和屏幕按下位置的区别。

这里从网上找到了一个保存canvas为png图片的功能，我也很贪心的加在了我的程序里面，原理很简单，也可以改变存储图片的类型，但是这个代码只是用与chrome浏览器， 比我的浏览器的兼容性我没有考虑，毕竟我的目的并不是为了保存图片，所以这里就不做考究了。相信网上应该有很多大神能够解决这个问题。