ltimg src=quotquot id=quotimg1quot ltimg src=quotquot id=quotimg2quot ltimg id=quotimg3quot var img1 = documentgetElementByIdquotimg1quot， img2 = documentgetElementByIdquotimg2quot， img3 =。

在canvas中顯示圖片非常簡單可以通過修正層為圖片添加印章拉伸圖片或者修改圖片等，并且圖片通常會成為canvas上的焦點用HTML5 Canvas API內(nèi)置的幾個簡單命令可以輕松地為canvas添加圖片內(nèi)容不過，圖片增加了canvas操作的復雜。

使用HTML5畫布canvas能夠快速實現(xiàn)簡單的動畫效果，基本原理如下每隔一定時間繪制圖形并且清除圖形，用來模擬出一個動畫過程，可以使用contextclearRect0， 0， x， y方法來刷新需要繪制的圖形 首先是繪制圖形的方法，如下fu。

在畫布上，首先使用JavaScript的HTML DOM方法查找ltcanvas元素，在使用getContext方法創(chuàng)建繪圖對象，最后使用HTML DOM Canvas 對象的屬性和方法繪制圖形HTML5ltcanvas元素創(chuàng)建的畫布只是用來承載圖形的，是一個容器我們還。

5 lttitleLayout TESTlttitle 6 lthead 7 ltbody 8 ltbody 9 lthtml如果網(wǎng)頁編寫工具暫時不支持HTML5也沒關系，自己寫這幾行代碼也很簡單說明第一行l(wèi)t！DOCTYPE html是HTML5對文檔類型的簡化，化繁為簡文檔類型的。