HTML5 canvas畫圖HTML5 <canvas> 標簽用于繪制圖像（通過腳本，通常是 JavaScript）。不過，<canvas> 元素本身并沒有繪制能力（它僅僅是圖形的容器） – 您必須使用腳本來完成實際的繪圖任務。getContext() 方法可返回一個對象，該對象提供了用于在畫布上繪圖的方法和屬性。本手冊提供完整的 getContext("2d") 對象屬性和方法，可用于在畫布上繪制文本、線條、矩形、圓形等等。瀏覽器支持Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 <canvas> 及其屬性和方法。一.畫圖現(xiàn)實生活中，畫圖需要考慮：畫布筆1.線條的粗細；2.線條的顏色；3.線條的虛實；畫線1.起點；2.終點；畫圓1.圓點；2.半徑；3.實心、空心畫矩形1.矩

1. HTML5 canvas畫圖的圖文代碼詳解

簡介：HTML5 <canvas> 標簽用于繪制圖像（通過腳本，通常是 JavaScript）。 不過，<canvas> 元素本身并沒有繪制能力（它僅僅是圖形的容器） – 您必須使用腳本來完成實際的繪圖任務。 getContext() 方法可返回一個對象，該對象提供了用于在畫布上繪圖的方法和屬性。 本手冊提供完整的 getContext("2d") 對象屬性和方法，可用于在畫布上繪制文本、線條、矩形、圓形等等。

2. <Canvas> 使用canvas畫圖并充當背景圖片，但出現(xiàn)奇怪效果_html/css_WEB-ITnose

簡介：<Canvas> 使用canvas畫圖并充當背景圖片，但出現(xiàn)奇怪效果

3. JS實現(xiàn)簡單的Canvas畫圖實例_javascript技巧

簡介：這篇文章介紹了JS實現(xiàn)簡單的Canvas畫圖實例代碼，有需要的朋友可以參考一下

4. angularJS結(jié)合canvas畫圖例子_AngularJS

簡介：這篇文章主要介紹了angularJS結(jié)合canvas畫圖例子的方法,需要的朋友可以參考下

5. html5 canvas 畫圖教程案例分析_html5教程技巧

簡介：Canvas，意為畫布也，雖然大家都稱Canvas為html5的新標簽，看起來好像Canvas屬于html語言的新知識，但其實Canvas畫圖是通過javascript來做的。所以，如果你想學習Canvas畫圖，你必須要有Javascript基礎(chǔ)

6. html5 Canvas畫圖教程(1)—畫圖的基本常識_html5教程技巧

簡介：Canvas，意為畫布也。而Html5中的Canvas也真的跟現(xiàn)實生活中的畫布非常相似。所以，把他看成一塊實實在在的畫布可以加快理解;如果你想學習Canvas畫圖，你必須要有Javascript基礎(chǔ),不多說了，切入正題

7. html5 Canvas畫圖教程(2)—畫直線與設(shè)置線條的樣式如顏色/端點/交匯點_html5教程技巧

簡介：在學畫畫的時候，線條是最基本的了，而線條的連接可以組成任何圖形。在Canvas中也是如此,接下來為您詳細介紹最簡單的線條的畫法

8. html5 Canvas畫圖教程(3)—canvas出現(xiàn)1像素線條模糊不清的原因_html5教程技巧

簡介：上次我們講到，canvas有時候會出現(xiàn)1像素的線條模糊不清且好像更寬的情況,這樣的線條顯然不是我們想要的。這篇文章的目的就是弄清楚里面的原理，以及解決它,感興趣的朋友可以了解下哦

9. html5 Canvas畫圖教程(4)—未閉合的路徑及漸變色的填充方法_html5教程技巧

簡介：一般繪圖的方式有兩種，即填充和描邊，前面的文章已經(jīng)講了描邊的方法stroke，本文就講一下Canvas中填充圖形的方法

10. html5 Canvas畫圖教程(5)—canvas里畫曲線之a(chǎn)rc方法_html5教程技巧

簡介：anvas里畫曲線的難點之一，就在于他連曲線的函數(shù)就有4個！分別是arc,arcTo,quadraticCurveTo,bezierCurveTo.我從最簡單的arc方法講起吧,感興趣的朋友可以了解下哦

【相關(guān)問答推薦】：

javascript – canvas畫圖并實現(xiàn)hover，怎么做呢？

javascript – 為什么canvas畫圖中Math.PI是180度？

javascript – canvas模糊

html5 – canvas畫圖多出3px問題

javascript – js canvas畫圖的兩個問題