入門講解HTML5的畫布功能（1）

　　我的認爲在HTML5中畫布功能其實並不實用，固然趨勢是在FLASH不沒落的狀況下。經過學習我發現畫布功能可以實現的東西很是有情調，可是前端人員也要有必定的審美和構思才能作出有意思的東西，由於canvas能提供的東西實在太少了。

　　固然在蘋果抵制Flash的前提下，Flash的前景並不光明，這也給了咱們前端人員更多的負擔和機會。由於在這一塊UI是沒有咱們對於HTML5來的熟悉的。下面就是我對HTML5學習事後的一個總結。

　　first part

　　首先，雖然口口聲聲是HTML5的內容，可是因爲canvas自己是沒有繪圖能力的，因此咱們的全部繪製工做都是在Java Scrip中完成的。（大騙子！！！）你的第一步是須要在body中創建一個canvas,經過CSS樣式規定寬高，固然，要是能居中就更好看了。具體代碼以下

<canvas id="myCanvas" width="200" height="100"></canvas>
　　這個呢就至關於你在當前HTML文檔中的一張白紙了，你給寬高多少，這張「紙「就有多大。
　　second part
　　其次，我前面有說過canvas這個標籤自己是沒有繪圖能力的，須要借用Java Scrip的力量。那麼第二步就是寫JS代碼了。這裏簡單的給你們繪製一個紅色的長方形。代碼以下

<script type="text/javascript">
var canves=document.getElementById("myCanvas");
var context=c.getContext("2d"); cxt.fillStyle="#FF0000"; cxt.fillRect(0,0,150,75); </script>須要注意的是這裏雖然var了兩個對象，可是仍然須要規範去寫。不能用簡單的ABC去代替，儘可能作到見名知意，方便之後的開發與記憶。