本文摘自PHP中文网,作者不言,侵删。
这篇文章主要为大家详细介绍了js HTML5 canvas绘制图片的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了HTML5 canvas绘制图片的具体代码,供大家参考,具体内容如下
demo.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | window.onload= function () {
createcanvas();
drawImage();
}
function createcanvas() {
var CANVAS=document.getElementById( 'mycanvas' );
context=CANVAS.getContext( '2d' );
}
function drawImage() {
var img= new Image();
img.onload= function () {
context.drawImage(img,0,0,200,200 );
}
img.src= "img5.jpg" ;
}
|
阅读剩余部分
相关阅读 >>
如何自动获取HTML5的data-*属性示例代码详解
HTML5 table标签的样式介绍(另附HTML5 table css居中的实例)
HTML5中新特性之语义化标签的实例分析
概述HTML5的强大与未来发展
快速开发基于HTML5网络拓扑图应用的详解(图文)
HTML5利用canvas绘制哆啦a梦头部(代码实例)
HTML5 viewport总结讲述
html中header定义什么意思
HTML5实践-灰色图片画廊实现的方法
HTML5canvas save如何保存恢复状态?
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » js HTML5 canvas绘制图片的方法