用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

回答