html - キャンバスにiframeを入れる方法

Question

こんにちは、少し質問があります。

Googleマップを含むiframeをhtmlに入れるにはどうすればよいですか?

 <canvas id="google_map" width="600" height="400">
    <iframe width="600" height="390" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=""></iframe>
 </canvas>

Answer 1

残念ながら、Canvas タグ内に iFrame を配置することはできません。ただし、相対位置を使用して iFrame を canvas 要素に重ねることができます。

<style type="text/css">
canvas {
    width: 600px;
    height: 400px;
}
iframe {
    position: relative;
    top: -400px;
    width: 600px;
    height: 400px;
}
</style>
<canvas></canvas>
<iframe src=""></iframe>

私が言わなければならないことの 1 つは、通常、フレームを使用することは、Web 開発の経験が浅いことの表れであるということです。それらの使用は回避される可能性があります。