用JavaScript添加图像

-2

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

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

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

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

2012-05-02 STONEYFTW

相关的职位约在画布上绘制图像：http://stackoverflow.com/questions/6011378/basic -canvas-question-how-to-add-image-to-canvas – jfriend00

将图像添加到GameMaker：HTML5游戏，使用此：

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

必要时更换的参数，但要知道，这不支持GIF动画文件 - 它们必须是带你想要导入一个动画精灵。

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

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

2012-05-02 18:47:24

这正是我所需要的。谢了哥们。我并不知道sprite_add可以带入一个URL。谢谢，我会试一试。 – STONEYFTW

这工作。非常感谢。 – STONEYFTW

编辑：既然您已经指定了要在画布上绘制此图像，这是一个完全不同的问题。请在图像和画布上查看此MDN tutorial以获取示例代码。另外，请参阅此其他relevant SO question。

之前的问题变成了关于画布的问题。

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

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

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

2012-05-02 18:44:37 jfriend00

感谢您的快速回复。有没有办法在x，y坐标上猛击它？应用程序中的所有内容都包含在html5画布上。 – STONEYFTW

@STONEYFTW - OH，所以现在你提到你想把它放在画布上。你应该在你的问题中提到这一点。事实上，如果你想让别人来帮助你，我建议你编辑你的问题来包含这个事实。 – jfriend00

@STONEYFTW - 我在关于在画布上绘制图像的答案中添加了一些信息。 – jfriend00

回答