我正在尝试将图片加载到HTML5画布中。
当我使用URL加载图像时,一切正常,但是如果我将图像放在本地驱动器上并指向它,什么都不会发生。
注意:当我使用常规标记时,一切正常,图像已加载。
代码如下:

  var canvas = document.getElementById("rightSide");
    var context = canvas.getContext("2d");
    var imageObj = new Image();
    imageObj.src = "cloud.gif";
    context.drawImage(imageObj, 650, 55, 93, 104);

<
canvas id=“rightSide”width=“800px”height=“800”>
谢谢。

最佳答案

试试这样的。

<canvas id="canvas"></canvas>

var can = document.getElementById('canvas');
var ctx = can.getContext('2d');

var img = new Image();
img.onload = function(){
    can.width = img.width;
    can.height = img.height;
    ctx.drawImage(img, 0, 0, img.width, img.height);
}
img.src = 'image.jpg';

09-10 05:35
查看更多