首页 > Web开发 > 详细

HTML5_canvvas_图片加载

时间:2018-11-21 13:06:04      阅读:198      评论:0      收藏:0      [点我收藏+]

canvvas 图片加载

pen.drawImage(ele, showX, showY, imgWidth, imgHeight);       

ele    将 img 元素 加载到画布上

 

 

  • 步骤

1. 创建一个 <img> 对象

var imgNode = new Image();

imgNode.src = "./img/bird.png";

 

2. 等待图片加载完成,再进行下一步操作

imgNode.onload = function(){

3. 图片显示到画布上

pen.drawImage(imgNode, 0, 0, 100, 100);

};

 

飞鸟 案例

HTML5_canvvas_图片加载

原文:https://www.cnblogs.com/tianxiaxuange/p/9994104.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!