在 html 中的画布中放置一个表格答案

【问题标题】：Put a table in a canvas in html在 html 中的画布中放置一个表格
【发布时间】：2017-11-24 14:12:57
【问题描述】：

我想在桌子上放一张画布，但它不起作用。

代码如下：

<canvas>
<table id="gameField" class="gameFieldAll">
     <tr>
        <td><input class="Field" type="button" id="00K"onclick="g.pressField(0,0)" ></input> </td>
        <td class="fieldRL"><input class="Field" type="button" id="01K"onclick="g.pressField(0,1)"></input> </td>
        <td><input class="Field" type="button" id="02K"onclick="g.pressField(0,2)"></input> </td>
      </tr>
      <tr>
          <td class="fieldTop"><input class="Field" type="button" id="10K"onclick="g.pressField(1,0)"></input> </td>
          <td class="fieldTop fieldRL"><input class="Field" type="button" id="11K"onclick="g.pressField(1,1)"></input> </td>
          <td class="fieldTop"><input class="Field" type="button" id="12K"onclick="g.pressField(1,2)"></input> </td>
      </tr>
      <tr>
         <td class="fieldTop"><input class="Field" type="button" id="20K"onclick="g.pressField(2,0)"></input> </td>
         <td class="fieldTop fieldRL" ><input class="Field" type="button" id="21K"onclick="g.pressField(2,1)"></input> </td>
         <td class="fieldTop"><input class="Field" type="button" id="22K"onclick="g.pressField(2,2)"></input> </td>
      </tr>

表格在网页上消失。有什么建议么？谢谢

【问题讨论】：

我建议你看看这个教程，开始你在 html5 画布世界中的奇妙之旅developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial
@Kaiido 是的，我知道画布是什么。我想在桌子上画一条线。
那么你可能明白它不能有任何可见的元素。如果我明白你想要什么，你会用 CSS 将你的画布放在桌子上，但你需要在标记中将它们分开。但实际上现在我看到根本没有 </canvas> 结束标签，它可能不是复制粘贴遗漏，但实际上在你的代码中也是如此......<canvas>必须有它的结束标签</canvas> ，所以<canvas></canvas>
@Kaiido 谢谢我会试试的
编辑了之前的评论，我看到你没有关闭你的标签。

标签： html css canvas html5-canvas

【解决方案1】：

解决方法是将画布放在桌子上方，并使css属性位置“绝对”，并且画布的z-index高于桌子的zindex。

【讨论】：