캔버스에 html로 표 넣기

캔버스를 테이블 위에 놓고 싶지만 작동하지 않습니다.캔버스에 html로 표 넣기

<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>

표는 웹 페이지에 사라 : 여기

는 코드입니다. 제안 사항이 있으십니까? 감사합니다

출처

2017-11-17 Alex Gruebel

html5 캔버스 세계에서 놀라운 시작을 시작하기 위해이 튜토리얼을 살펴 보시기 바랍니다. https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/ 튜토리얼 – InferOn

@Kaiido 예 나는 캔버스가 뭔지 알아. 나는 테이블 위에 선을 그 으려합니다. –

그러면 아마도 보이는 요소가 없어 질 것입니다. 원하는 것을 이해하면 CSS를 사용하여 캔버스를 테이블 위에 배치 할 수 있지만 마크 업에서이를 분리해야합니다. 하지만 실제로 실제로는 ''종료 태그가 전혀없고 복사 - 붙여 넣기 누락이 아니지만 실제로 코드에서도 이와 같을 수도 있습니다.' '이어야합니다. 그래서 ' – Kaiido

해결 방법은 테이블 위에 캔버스를 놓고 css propertys 위치를 "절대"로 설정하고 캔버스의 z- 인덱스를 테이블의 zindex보다 높게 만드는 것입니다.

출처

2017-11-24 06:12:57

답변

관련 문제