画出你的风格：HTML5创意画板的设计教程(7)

温馨提示：在键盘上输入p键可以导出图片，图片导出功能由于在新窗口中打开，请使用全屏预览模式并允许窗口弹出。

其实我们还可以有更多变化，只要你去构想，去思考。很多时候你都要去尝试，往往多次尝试才会有新的ideas。接下来我们可是做出以下特殊的画笔，比如说钢笔效果，边缘会比较笔触比较重的。钢笔效果需要将画笔尺寸调小，减弱抽丝的效果，并且边缘的锯齿会比较明显，所以需要做一下阴影模糊处理，让其过渡更平滑。

具体源码看这里：demo5（http://runjs.cn/detail/df5u6cb5）

之前曾在这里见过一个毛笔画网站，所以也模拟了一下毛笔的效果，毛笔的特点是笔触比较大，当收笔较快时边缘要凹凸不平，笔尖写字锋棱易出。当收笔有停顿时则会圆润而浑厚。有个类似的线上应用，大家可以去研究研究：http://www.theshodo.com/Write。

根据这些特点，我给大家提供一个DEMO源码，是在钢笔效果的基础上做些小小的调整的。

如果大家还觉得这样的效果是否还可以添加点特效什么的，对，可以做杂点斑点的效果，还有墨水过多而流下的效果。

具体可以参看DEMO6（http://runjs.cn/detail/ully3puv）和DEMO7。

源码我就不进行分析了，留待大家自己去研究，将画笔颜色调为黑色就差不多可以模拟出毛笔的效果了。在我看来，技术的专研不是一味的让别人教你，而是让你自己去领悟的。只有那样你才真正学到技术，领略到不一样的乐趣。

说些设计以外的东西，设计、编程都需要有自己的思想和灵魂，真正让别人也能感受到你的思路，而这一切都需要磨练，需要举一反三。不应该满足于现状，我在这里只列举了其中一些效果，我相信还有很多效果可以实现，比如说类似于这样的喷雾效果，铅笔字效果，艺术画效果，等等。既然说HTML5创意画板，那就要尝试脱离这个画板的束缚，学到更多的东西，比如说你可以用这个画板做什么，可以做一个记事本、涂鸦工具、处理和分享图片，个性签名，你还可以做一些小游戏，涂鸦类的游戏，你画我猜（需要采用websocket实现服务器端双向通信）等等，甚至可以做一些canvas动画，这些基础上做些修改和调整，完全是可以实