一起来画画！8款最佳HTML5绘图工具

HTML5无疑是当前最受宠的一项技术，今天推荐8款HTML5绘图工具，同样惊艳你的眼球！这些绘图工具大多数是用HTML5画布(Canvas)实现的，部分辅以Javascript。对每一个web设计者来说，制图和草绘是他们工作中最喜欢的一件事情了。

草绘和制图是设计工作者工作中一个重要的特征。HTML5将会这方面显露出不可限量的前途。

相关推荐：
《40个超赞的HTML5教程》
《27例新颖的HTML5网页游戏设计》
《值得网页开发人员收藏的16款HTML5工具》

Zwibbler

这款工具提供了各种图形的快捷方式，有点像Photoshop的工具面板。你可以从工具栏上拖着想要的图形形状，然后在画布上修改。方的，圆的，点、线等。这款神奇的HTML5绘图工具还能让你给图形配置阴影效果。拷贝，粘贴，重做，恢复等功能应有尽有。

游丝定长仪

这是一个非常有趣的绘图工具，它不是由你来使用画笔，而是让设定绘图参数，这个工具能根据你的参数绘制有规律的数学图案，这些图案如果用手绘制可能非常的复杂，但通过自动设定的条件让它重复变换的一遍一遍的重复执行，你会得到各种很神奇的图案。你可以设定它的绘画速度——慢，中，快。设定画笔的颜色，宽度。

Bomomo

Bomomo更像是一个涂鸦工具，娱乐性很强，用它可以画出色彩缤纷的各种奇异图案、纹饰，它提供了很多种预设的涂鸦工具。每种工具都具有动画效果，让你快乐的画出赏心悦目的美丽图案。

草绘板

这款绘图工具看起来就更像是Photoshop了，它的工具栏，画笔，配色工具，历史记录都有点Photoshop的味道，它的确提供了很多可以替代Photoship的绘画功能，不信你就试一试。

Sketchy Structures

这个工具能让会绘制出复杂的由线条组成的各种结构，你可以设置线条的密度以达到不同的效果。

Mr. Doob's Harmony

这个工具的画笔有点像铅笔，但有毛边，而且是不规则的细毛，在我这个不懂绘画的人来说，它更适合画抽象画。但如果放在高人的手中，我想它能创造出惊人的铅笔风格的图案。

贝齐尔画笔

这是一种能非常漂亮的画出贝齐尔线条的绘制工具。你只需要点几下，拖拽几下，再加上你的想象力，你就能画出如上图那样有创意的图案。

绘图玩具

这是一个出色的HTML5杰作。你能用它绘制出迷人的作品时而又不失乐趣。你甚至能用它画出3D作品。

原文地址：psdtohtmlhint
译文地址：forehack

【优设网 原创文章 投稿邮箱：2650232288@qq.com】
 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/。
设计微博：拥有粉丝量63万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：