- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：javascriptで困っています。教えてください）
JavaScriptでcanvasタグの画像描画について困っています
このQ&Aのポイント
- JavaScriptのcanvasタグを使用した画像の描画で困っています。Imageオブジェクトを生成して、画像ファイルを先読みした後に描画コンテキストを取得し、特定の座標に画像を表示しています。しかし、画像の入れ替えを行う際にうまく動作しません。配列に入っている画像のsrc属性を変更して再描画させる方法を試しましたが、うまくいきません。cha1とcha2の値がundefinedとなってしまいます。画像の入れ替えを行うための解決方法を教えてください。
- JavaScriptのcanvasタグを使用して画像を描画していますが、画像の入れ替えについて問題があります。画像を先読みした後に描画コンテキストを取得し、特定の座標に画像を表示することはできています。しかし、画像の入れ替えを行う際に問題が発生します。配列に格納されている画像のsrc属性を変更して再描画させようとしましたが、うまくいきません。cha1とcha2の値がundefinedとなります。画像の入れ替えを行う方法を教えてください。
- canvasタグを使用してJavaScriptで画像を描画していますが、画像の入れ替えについて問題があります。画像を先読みした後に描画コンテキストを取得し、指定した座標に画像を表示するコードを記述しています。しかし、画像の入れ替えを行う際に問題が発生します。配列に格納されている画像のsrc属性を変更し、再描画させる方法を試しましたが、うまくいきません。cha1とcha2の値がundefinedとなってしまいます。画像の入れ替えを行うための解決方法を教えてください。
- dkong
- お礼率86% (170/197)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
素直に考えるならば context.drawImage(aaa, 10, 10); context.drawImage(bbb, 50, 50); ↓ context.drawImage(i[0], 10, 10); context.drawImage(i[1], 50, 50); // 画像を入れ替える処理 i.reverse();
その他の回答 (1)
- yukichance
- ベストアンサー率13% (9/67)
回答No.1
お礼
ありがとうございました。参考になりました。うまくいきました。