HTMLにcanvasタグを設置してページを表示すると、canvasタグが二つになるのですが、理由は何なのでしょうか？ ``` ``` 上記のようなcanvasタグを書いてHTMLをブラウザで表示しF12を押してインスペクターで見てみると、canvasタグが二つになってしまいます。しかも、上記canvasはmainの内側にあるのですが、F12で見てみると、 ``` ``` のように、mainの閉じタグの外側にもう一つcanvasができてしまいます。これはcanvasタグの正常な挙動ということでしょうか？このmainの閉じタグの下にできてしますcanvasをmainの内側に入れることはできないのでしょうか？ご教示いただけますと幸いです。よろしくお願いいたします。 ## 追記 HTMLは以下のような形です。 ```html // hogehoge.jsに渡す変数を定義 ```

html: canvasが二つできるのはなぜ

HTMLにcanvasタグを設置してページを表示すると、canvasタグが二つになるのですが、理由は何なのでしょうか？

<canvas style="width:640; height480; transform-origin: 0px 0px; transform: scale
(1.5957); position: static; left: 5px; top: 0px; background:#FFF;"></canvas>

上記のようなcanvasタグを書いてHTMLをブラウザで表示しF12を押してインスペクターで見てみると、canvasタグが二つになってしまいます。
しかも、上記canvasはmainの内側にあるのですが、F12で見てみると、

<html lang="ja">
  <head></head>
    <body>
      <main>
        <canvas style="width:640; height480; transform-origin: 0px 0px; transform: scale
(1.5957); position: static; left: 5px; top: 0px; background:#FFF;"></canvas>
      </main>
     <canvas>
    </body>
</html>

のように、mainの閉じタグの外側にもう一つcanvasができてしまいます。
これはcanvasタグの正常な挙動ということでしょうか？
このmainの閉じタグの下にできてしますcanvasをmainの内側に入れることはできないのでしょうか？

ご教示いただけますと幸いです。よろしくお願いいたします。

追記

HTMLは以下のような形です。

html
1<html>
2  <head>
3    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
4  </head>
5  <body>
6    <div id="content">
7      <p>
8        <script type="text/javascript">
9           // hogehoge.jsに渡す変数を定義
10        </script>
11        <script type="text/javascript" src="hogehoge.js"></script>
12      </p>
13  </div>
14  <img id="hoge">
15    <canvas style="width:640; height480; transform-origin: 0px 0px; transform: scale(1.5957); position: static; left: 5px; top: 0px;"></canvas>
16    </body>
17</html>

yambejp

2019/09/26 04:33

確認したOSとブラウザの種類とバージョンは？

miyabi_pudding

2019/09/26 04:36

元HTMLの全文も記載ください。

Ykkykk

2019/09/26 04:42 編集

yambejp様：確認したOSはUbuntu 18.04.3 LTSでブラウザはChrome 77.0.3865.90（Official Build）（64 ビット）とFireFox 69.0.1です・ miyabi_takatsuk様：全文載せたいのですが、どこを伏せれば良いか迷っている状態です。

yambejp

2019/09/26 04:45 編集

> どこを伏せれば良いか迷っている少なくとも例示されたcanvaをブラウザで確認する限り問題はなさそうです現象が確認できる最低限のソースを例示ください複数ブラウザで確認できているなら、単にソースに誤記があるだけだと思いますが・・・

Ykkykk

2019/09/26 04:50

HTMLを追加いたしました。 IDの名前やタイトルなどを削除し、ファイル名を変更しただけでHTML自体に変更は加えていません

miyabi_pudding

2019/09/26 04:52

本文修正ありがとうございます。って、main要素が元コードにはないようですが・・・。 JavaScriptで何かDOMコントロールしてるんですか？