javascript - 使用 JavaScript 添加图像

Question

长话短说，我需要使用 JavaScript 将图像添加到给定 URL 的 html5 游戏。问题在于它位于一个名为 gamemaker html5 的程序中，该程序基本上是一个用于创建 HTML 游戏的拖放 IDE。

我不知道任何 JavaScript，只需要代码来添加给定 URL 的图像。有人可以帮我将以下 html 翻译成 JavaScript 吗？

<img src="http://www.mydomain.com/myimagefile.gif"></img>

这全部包含在 html5 画布上，因此我需要能够将图像弹出到 x,y 坐标上。

score 0 · Accepted Answer

编辑：既然您已经指定要在画布上绘制此图像，这是一个完全不同的问题。有关示例代码，请参阅有关图像和画布的MDN 教程。另外，请参阅其他相关的 SO question。

问题成为关于画布之前的先前答案。

这会将带有该 URL 的新图像附加到正文。由于您可能希望将其放在比此更具体的位置，因此您还需要告诉我们您希望将图像插入页面的位置，以便document.body可以将部分替换为页面中您希望新图像成为的所需元素位于附近。

var img = new Image();
img.src = "http://www.mydomain.com/myimagefile.gif";
document.body.appendChild(img);

这会将图像作为给定节点的最后一个子节点插入。您还可以在页面中的给定对象之前或之后插入节点，但代码略有不同。

score 0 · Accepted Answer

要将图像添加到 GameMaker:HTML5 游戏，请使用以下命令：

newimg = sprite_add("http://www.mydomain.com/myimagefile.gif",1,false,false,0,0);

根据需要替换参数，但请注意，这不支持动画 GIF 文件 - 如果要导入动画精灵，它们必须是条形。

newimg然后可以在您通常命名精灵的任何地方使用，例如：

draw_sprite(newimg,-1,32,32);

2 回答 2