无法看到画布内的Div

Question

您能否请一看这个演示，让我知道为什么我无法在Canvas中看到dot课程？

＆＃13;

＆＃13;

canvas {
  height: 200px;
  width: 200px;
  background: white;
  position: relative
}
.overlay {
  position: absolute;
  top: 20px;
  left: 30px;
}
.dot {
  background: #eee;
  height: 10px;
  width: 10px;
  border-radius: 25px;
}

＆＃13;

<canvas id="map">
  <div class="overlay">
    <div class="dot">
    </div>
  </div>
</canvas>

＆＃13;

＆＃13;

＆＃13;

Answer 1

来自https://www.w3schools.com/html/html5_canvas.asp：

  

HTML <canvas>元素用于动态绘制图形   的JavaScript。

<canvas>元素中的任何html都被视为在不支持<canvas>的浏览器中显示的替代内容。