HTML5_canvvas_图片加载

标签：操作   raw   图片加载   图片显示   nbsp   html5   htm   show   width   

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_图片加载

标签：操作   raw   图片加载   图片显示   nbsp   html5   htm   show   width   

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