超酷的HTML5 Canvas网络画板教程

[Cheris2014]

在今天的HTML教程里，我们要学习一下如何使用HTML5 Canvas实现一个超酷而又简单的网络画板功能。在这个教程中，我们可以选择笔刷的类型、笔刷的大小以及笔刷的颜色，当然作为画板还需要很多功能，这里只是最基本的绘制功能，大家可以自己实现类似矩形、椭圆等复杂元素的绘制。


代码下载http://download.csdn.net/detail/u013681996/7901135

演示：http://prettyflyer.github.io/html5-canvas-drawing-app/html5-canvas-drawing-app.html

[君鹏不姓贾]

表现形式还可以优化，比如使用不同工具时使用相应的光标来表示，现在选中工具后在画板上都是文字输入的那个光标

[sun_7_flower]

哈哈哈，那只鸭子真是丑爆了

[君鹏不姓贾]

引用 2 楼 sun_7_flower 的回复:

哈哈哈，那只鸭子真是丑爆了

赞成，着实丑