html中引用了jquery的库了吗？还有jquery的库要在handwritting.js文件之前引用  

background可以是所有的属性，它可以写一些复合属性，background-color是针对背景颜色的属性，所以在换色的功能时是要写background-color的，希望对你有用

canvas.toDataURL("image/png");  用toDataURL 把canvas内容转为base64的图片

的确清空了，但是又执行了 一次drawGrid(context); ，所以在清空之后，米字格背景边框立刻又画了上去。

视觉上看起来是仅仅自己写的字被清空了

canvas 是画笔 , 你试着储存,你会得到图片，所以说别考虑字怎么变换颜色，通过处理图片应该可以实现

取色框和清楚按钮都是应用浮动布局，为了清楚浮动对下文影响