1。绘制图像
使用drawImage（）来绘制图像的方法。绘图环境提供了三种不同版本的方法。
绘制图像（图像，x，y）：在画布上画（x，y）。
绘制图像（图像，X，Y，宽度，高度）：在画布上画（x，y）和缩放到指定的宽度和高度。
绘制图像（图像、生、sourcey，sourcewidth，sourceheight，X，Y，宽度，高度）：剪出一个矩形区域的图像（生，身高，X），缩放到指定的宽度和高度，并把它画在中间。
两。标签
在绘制图片之前，您还需要将图片加载到浏览器中。
三。画画
复制代码代码如下所示：
HTML5
此函数将调用页面中的加载完全加载。
功能页面加载完成（）
{
参考 / /把画布对象的名义下画布和身体必须在同一编号
VaR的画布document.getelementbyid（'tcanvas）；
画布的二维绘制环境
VaR上下文= canvas.getcontext（二维的）；
获取对对象图片的引用。
VaR的形象= document.getelementbyid（'tkjpg）；
/ /（0.5）在画画
context.drawimage（图像、0.5）；
到原来缩小图片的一半大小。
context.drawimage（形象，20050165 / 2. 86 / 2）；
本地渲染图像（从左上角开始切割0.7张图片）
context.drawimage（图像，0,0,0.7 * * * 165,0.7 86300,70,0.7 165,0.7×86）；
}
提示：您的浏览器不支持标签。
四。绘图效果
五。附在罐体的原材料上
