GIFアニメーションを<img>タグで再生したいのですが,
HTML
1 <div id="mainview"> 2 <img id ="back" src="img/battlescene/mapimgtest.jpg"> 3 4 <canvas id="maincanvas"> 5 </canvas> 6 <img class="characterstand" id="member1" src="img/Idle0.gif"> 7 8 <div id="stetasview"> 9 <ul>タイトル</ul><ul>ウェーブ</ul><ul>オプション</ul> 10 </div> 11 </div>
のようにするとcanvasの後ろに隠れてしまうように見えなくなります.
要素を一番下にした場合見えるようになるので画像の取得には成功しているようです.
###試したこと
背景表示に使っている <img id ="back" src="img/battlescene/mapimgtest.jpg">を消してみる.
➡canvasの後ろにGIFが隠れてしまっているようでした.
背景表示に使っている <img id ="back" src="img/battlescene/mapimgtest.jpg">のすぐ後に
GUIのimgタグを入れる
➡背景画像の後ろに隠れてしまっているようでした.
GIFのimgタグを</body>の直前に入れる
➡この方法では表示されましたが他の方法で表示されない理由が理解できないので保留です.
解決したいこと
<div id="mainview">内にGIFアニメーションのimgタグを入れてもきちんと見えるように表示される方法.
canvasタグ内に子要素を入れるときの注意点,などもお聞きしたいです.
canvas要素内に子要素を入れるとimgの表示はされなくなるのでしょうか….
助言よろしくお願いします.
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/02 11:46