JavaScriptで画像を追加する

Question

長い話をするには、URLを指定してJavaScriptを使用して画像をHTML5ゲームに追加する必要があります。キャッチは、基本的にHTMLゲームを作成するためのドラッグアンドドロップIDEであるgamemaker html5というプログラムの中にあることです。

私はJavaScriptを知らず、URLを指定してイメージを追加するだけです。誰かが私のためにJavaScriptに次のHTMLを翻訳してくださいできますか？

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

これは、すべてのHTML5のキャンバス上に含まれるので、私は、XにY座標を画像を開くことができるように必要とされています。

Answer 1

ゲーム会社に画像を追加するには：HTML5のゲームを、この使用：

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

必要に応じて引数を交換しますが、これは、アニメーションGIFファイルをサポートしていないことに注意してください - あなたの場合、彼らはストリップでなければなりませんがアニメーションスプライトをインポートしたい

newimgその後、どこでも、あなたが通常のスプライトに名前を付けるだろう使用することができ、例えば：

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

Answer 2

編集：この画像をキャンバスに描画するように指定したので、全く異なる質問です。サンプルコードについては、画像とキャンバスのMDN tutorialを参照してください。また、この他のrelevant SO questionを参照してください。

---

質問がキャンバスになった前の以前の回答。

これにより、そのURLの新しい画像が本文に追加されます。それよりも具体的な場所に配置したい場合は、画像をページに挿入する場所を教えてください。document.bodyの部分をページ内の新しい要素に置き換えたい要素に置き換えることができます近くに位置すること。

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

これは、画像をノードの最後の子として挿入します。ページ内のオブジェクトの前後に少し異なるコードでノードを挿入することもできます。