Creazione testo di input Campo in una posizione precisa su tela?

Question

La tela può disegnare del testo ma non può creare campi di testo di input. Ciò significherebbe doverlo fare in html, ma come si può essere sicuri di posizionare quel campo di testo esattamente dove si vuole?

Voglio essere in grado di farlo a livello di codice in fase di esecuzione.

Answer 1

Creare la seguente struttura HTML per posizionare la casella di input su tela.

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

Spero che questo risolve il problema. Sostituire left=? e top=? con le posizioni appropriate.