需要将图像插入页面/ DOM。

Question

我正在尝试使用包含以下内容的外部js文件加载图像：

myimage = new Image(1,1);
myimage.src = 'http://myserver.com/pixel.gif';

我看到js文件已加载且控制台中没有错误，但也没有调用我的图像像素。有什么想法吗？

编辑：在第一次回复后，我尝试了以下操作，但仍然无效：

var myimage = document.createElement("img");
myimage.src = 'http://myserver.com/pixel.gif';
myimage.height = "1";
myimage.width = "1";
document.body.appendChild(myimage);

Answer 1

需要将图像插入页面/ DOM。

在将图像直接放入页面/ DOM之前不会调用该图像，因此已加载。

您想要的会发生在以下内容：document.body.appendChild(myimage)

Answer 2

通过将图像插入画布，有一个如何在http://www.w3schools.com/tags/canvas_drawimage.asp执行此操作的示例。

我发现的一个小修改使得这项工作更好，就是将drawImage行放入img.onload回调中，如下所示：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("scream");
img.onload(function() {ctx.drawImage(img,10,10);});

使用外部js文件加载图像

2 个答案:

需要将图像插入页面/ DOM。