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游戏前端开发秘籍
相关阅读
网友关注
网友最新关注视频
- 北师大版数学四年级下册3.4包装
- 冀教版小学数学二年级下册第二周第2课时《我们的测量》宝丰街小学庞志荣
- 北师大版小学数学四年级下册第15课小数乘小数一
- 冀教版小学数学二年级下册第二单元《有余数除法的简单应用》
- 外研版英语三起6年级下册（14版）Module3 Unit2
- 三年级英语单词记忆下册（沪教版）第一二单元复习
- 第五单元 民族艺术的瑰宝_16. 形形色色的民族乐器_第一课时(岭南版六年级上册)_T1406126
- 19 爱护鸟类_第一课时(二等奖)(桂美版二年级下册)_T3763925
- 每天日常投篮练习第一天森哥打卡上脚 Nike PG 2 如何调整运球跳投手感？
- 沪教版牛津小学英语（深圳用） 四年级下册 Unit 3
精品推荐
分类导航
网页设计子分类
最新HTML5教程学习