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

在canvas中显示图片非常简单可以通过修正层为图片添加印章拉伸图片或者修改图片等，并且图片通常会成为canvas上的焦点用HTML5 Canvas API内置的几个简单命令可以轻松地为canvas添加图片内容不过，图片增加了canvas操作的复杂。

使用HTML5画布canvas能够快速实现简单的动画效果，基本原理如下每隔一定时间绘制图形并且清除图形，用来模拟出一个动画过程，可以使用contextclearRect0， 0， x， y方法来刷新需要绘制的图形 首先是绘制图形的方法，如下fu。

在画布上，首先使用JavaScript的HTML DOM方法查找ltcanvas元素，在使用getContext方法创建绘图对象，最后使用HTML DOM Canvas 对象的属性和方法绘制图形HTML5ltcanvas元素创建的画布只是用来承载图形的，是一个容器我们还。

5 lttitleLayout TESTlttitle 6 lthead 7 ltbody 8 ltbody 9 lthtml如果网页编写工具暂时不支持HTML5也没关系，自己写这几行代码也很简单说明第一行lt！DOCTYPE html是HTML5对文档类型的简化，化繁为简文档类型的。