Блог

Я беру div внутри canvas элемента, подобного следующему:

 <canvas>
    <div></div>
</canvas>
  

Здесь оба они имеют высоту и ширину. Но здесь я не вижу div !

Разве невозможно использовать div or p внутри canvas ?

Вы не можете размещать элементы внутри canvas (и отображать оба элемента); они отображаются только в том случае, если браузер не понимает элемент canvas.

Если вы хотите разместить элементы в той же области, что и холст, вот один из методов (среди многих), который позволит вам это сделать:

HTML

 <div id="canvas-wrap">
  <canvas width="800" height="600"></canvas>
  <div id="overlay"></div>
</div>
  

CSS

 #canvas-wrap { position:relative } /* Make this a positioned parent */
#overlay     { position:absolute; top:20px; left:30px; }
  

Вот еще один метод, который позволяет содержимому div нормально перемещаться и превращает холст в фон для содержимого:

CSS

 #canvas-wrap { position:relative; width:800px; height:600px }
#canvas-wrap canvas { position:absolute; top:0; left:0; z-index:0 }