캔버스의 정확한 위치에 입력 TextField 만들기?

Question

캔버스는 텍스트를 그릴 수는 있지만 입력 텍스트 필드를 만들 수는 없습니다. 이것은 html로 처리해야한다는 것을 의미하지만 그 텍스트 필드를 원하는 위치에 정확하게 배치 할 수있는 방법은 무엇입니까?

런타임시 프로그래밍 방식으로이 작업을 수행 할 수 있기를 원합니다.

Answer 1

다음 HTML 구조를 만들어 캔버스에 입력 상자를 배치하십시오.

<div id="container" style="width:500px; height:500px; position:relative;"> 
    <canvas id="drawing-surface" width="500px" height="500px"></canvas> 
    <input type="text" style="position:absolute; left=?; top=?;" /> 
</div> 

이렇게하면 문제가 해결됩니다. left=? 및 top=?을 적절한 위치로 바꿉니다.