html5标签canvas函数drawImage使用方法
2024-09-29 03:13:07
html5中标签canvas,函数drawImage():
使用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)绘制出来。
其中image可以是一个页面中现有的dom元素,使用document.getElementById()获取的;
或者使用document.createElement("img")新创建元素,但赋值src后需要监听onload事件,回调里调用drawImage,如果立即调用未加载完成时,会画不出来图片。
最新文章
- 【C语言】C语言运算符
- 用matlab实现同一个序列重复N倍
- sdut 2416:Fruit Ninja II(第三届山东省省赛原题,数学题)
- TenxCloud时速云.htaccess不起作用的解决办法
- 判断i在字符串中出现的次数(2016.1.12P141-1)
- UVa(11292),贪心水题
- javascript设计模式-组合模式
- Hibernate:如何映射聚合?
- photoshop切图
- Linux-Jenkins安装部署
- HTTP简述
- 详解Linux下swig 3.0.12的手动安装过程
- 【病毒分析】对一个vbs脚本病毒的分析
- MFC 字体
- LoadRunner通过SiteScope监控MySQL的性能
- 词频统计 List Array
- h.264 x.264
- 浏览器跨域问题(jsonp)——jsonp详解
- (libev) cannot allocate xxx bytes, aborting 问题的一种触发条件
- SIGPIPE导致cronttab和shell脚本等工作异常