本文摘自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的特点是什么
HTML5 什么是prefetch/prerender？介绍HTML5 中prefetch/prerender
button按钮和submit按钮有什么区别？
HTML5移动端-viewport的详解
详解HTML5 placeholder属性
HTML5与传统html的区别，有哪些新增的和废除的元素？
5个java开发人员必须重视HTML5的理由
html canvas截取圆角图片的实现方法
利用HTML5 从视频中捕获静止图像实例代码
HTML5联合canvas实现图片压缩
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » js HTML5 canvas绘制图片的方法
