html5标签canvas函数drawImage使用方法
2023-09-11 10:53:52
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，如果立即调用未加载完成时，会画不出来图片。
最新文章
- tomcat的debug模式启动不了
- codeforces 341d (树状数组)
- c# winform进入窗口后在文本框里的默认焦点
- [转]Oracle分页之三：利用PagerView来实现无刷新GridView
- 安装Sass
- Linux--变量与虚拟内存
- IOS 异步GET方法请求
- sass 使用入门教程
- 【solr基础教程之九】客户端
- 960 grid 分析
- Android中文API（129） —— AudioManager
- Struts2之Action接收请求参数和拦截器
- 201521123095 《Java程序设计》第9周学习总结
- nested exception is java.sql.SQLException: IO 错误
- PHP 科学计数 转 Double
- 素数定理π(n)~n/lnn弱化版证明
- XShell停止滚屏，禁止滚动
- Linux 强制安装 rpm 包
- git cherry-pick 报错is a merge but no -m option was given
- vue tab切换