javascript - 带有画布和表格的html分层

Question

我正在使用 z-index 来跟踪图层。但是一旦使用 stroke() 更新画布，分层就会变得混乱，并且包含较小圆圈的表格会被绘制出来。

#canvas{z-index:1; display: div; display: table}
table.center{x-index:2;}

我是否缺少任何属性或是否有其他修复？谢谢。

Answer 1

我相信，因为 HTML5 会导致画布重绘屏幕的那部分，它会覆盖您拥有的任何 z-index 修饰符。您可能还需要先重绘较大的圆圈，然后再重绘较小的圆圈。

我试着把它想象成在现实生活中画一堵墙——你必须按顺序画，一次画一件事。