HTML5使用drawImage()方法绘制图像
摘要：一、绘制图像使用drawImage()方法绘制图像。绘图环境提供了该方法的三个不同版本。drawImage(image,x,y)：在canv...
一、绘制图像
使用drawImage()方法绘制图像。绘图环境提供了该方法的三个不同版本。
drawImage(image,x,y) ： 在canvas中(x,y)处绘制图片。
drawImage(image,x,y,width,height) ： 在canvas中(x,y)处绘制图片，并将其缩放到指定的宽度和高度。
drawImage(image,sourceX,sourceY,sourceWidth,sourceHeight,x,y,width,height) ： 从图片中切割出一个矩形区域(sourceX,sourceY,sourceWidth,sourceHeight)，缩放到指定的宽度和高度，并在canvas中(x,y)绘制出来。
二、<img>标签
绘制图片前，还需要将图片加载到浏览器中。这里我们仅仅在canvas标签后面添加一个<img>标签。
<img src = "tk.jpg" id = "tkjpg">
三、绘制图片
复制代码
【HTML5使用drawImage()方法绘制图像】相关文章：
★ HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
★ HTML5通过调用canvas对象的getContext()方法来获取绘图环境
上一篇：
HTML5 创建canvas元素示例代码
下一篇：
HTML5游戏前端开发秘籍
相关阅读
网友关注
网友最新关注视频
精品推荐
分类导航
网页设计子分类
最新HTML5教程学习