HTML5無疑是當(dāng)前最受寵的一項(xiàng)技術(shù)，今天推薦8款HTML5繪圖工具，同樣驚艷你的眼球！這些繪圖工具大多數(shù)是用HTML5畫布(Canvas)實(shí)現(xiàn)的，部分輔以Javascript。對(duì)每一個(gè)web設(shè)計(jì)者來說，制圖和草繪是他們工作中最喜歡的一件事情了。

草繪和制圖是設(shè)計(jì)工作者工作中一個(gè)重要的特征。HTML5將會(huì)這方面顯露出不可限量的前途。

相關(guān)推薦：
《40個(gè)超贊的HTML5教程》
《27例新穎的HTML5網(wǎng)頁游戲設(shè)計(jì)》
《值得網(wǎng)頁開發(fā)人員收藏的16款HTML5工具》

Zwibbler

這款工具提供了各種圖形的快捷方式，有點(diǎn)像Photoshop的工具面板。你可以從工具欄上拖著想要的圖形形狀，然后在畫布上修改。方的，圓的，點(diǎn)、線等。這款神奇的HTML5繪圖工具還能讓你給圖形配置陰影效果。拷貝，粘貼，重做，恢復(fù)等功能應(yīng)有盡有。

游絲定長儀

這是一個(gè)非常有趣的繪圖工具，它不是由你來使用畫筆，而是讓設(shè)定繪圖參數(shù)，這個(gè)工具能根據(jù)你的參數(shù)繪制有規(guī)律的數(shù)學(xué)圖案，這些圖案如果用手繪制可能非常的復(fù)雜，但通過自動(dòng)設(shè)定的條件讓它重復(fù)變換的一遍一遍的重復(fù)執(zhí)行，你會(huì)得到各種很神奇的圖案。你可以設(shè)定它的繪畫速度——慢，中，快。設(shè)定畫筆的顏色，寬度。

Bomomo

Bomomo更像是一個(gè)涂鴉工具，娛樂性很強(qiáng)，用它可以畫出色彩繽紛的各種奇異圖案、紋飾，它提供了很多種預(yù)設(shè)的涂鴉工具。每種工具都具有動(dòng)畫效果，讓你快樂的畫出賞心悅目的美麗圖案。

草繪板

這款繪圖工具看起來就更像是Photoshop了，它的工具欄，畫筆，配色工具，歷史記錄都有點(diǎn)Photoshop的味道，它的確提供了很多可以替代Photoship的繪畫功能，不信你就試一試。

Sketchy Structures

這個(gè)工具能讓會(huì)繪制出復(fù)雜的由線條組成的各種結(jié)構(gòu)，你可以設(shè)置線條的密度以達(dá)到不同的效果。

Mr. Doob's Harmony

這個(gè)工具的畫筆有點(diǎn)像鉛筆，但有毛邊，而且是不規(guī)則的細(xì)毛，在我這個(gè)不懂繪畫的人來說，它更適合畫抽象畫。但如果放在高人的手中，我想它能創(chuàng)造出驚人的鉛筆風(fēng)格的圖案。

貝齊爾畫筆

這是一種能非常漂亮的畫出貝齊爾線條的繪制工具。你只需要點(diǎn)幾下，拖拽幾下，再加上你的想象力，你就能畫出如上圖那樣有創(chuàng)意的圖案。

繪圖玩具

這是一個(gè)出色的HTML5杰作。你能用它繪制出迷人的作品時(shí)而又不失樂趣。你甚至能用它畫出3D作品。

原文地址：psdtohtmlhint
譯文地址：forehack

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量63萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：