Html5用Canvas制作绘图板

时间：2014-07-08 19:20:34 阅读：378 评论：0 收藏：0 [点我收藏+]

需求：

思考：

结果：

一天半时间完成，效果如下：

注意：

不要使用style或者css对canvas的width和height设置值，否则会引起坐标等被放大的问题
使用jquery获取canvas的时候要使用 “$(‘#canvas‘).get(0)”，否则则取不到相应的对象
调色板使用的是“spectrum.js”
取值赋值采用json模式，使用过的是“jquery.json-2.4.js”
采用json赋值的时候，由于我对图形进行了js封装类，且带有自定义方法，所以在赋值的时候会出现不认自定义方法的问题，原因为解析json的时候，对象会被解析为object而不是我定义的对象，所以需要人为处理一下
全部代码+HTML一共600行，这在以前是我完全不敢想象的，HTML5会带给我们怎样的未来呢？值得期待。

ps：使用HTML5的Canvas制作简单的图形绘制器。思路整理，浏览破千或评论过百，即上源码分享。

原文地址：http://blog.csdn.net/yueritian/article/details/37324437

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行