Canvasの正確な位置に入力TextFieldを作成しますか？

Question

Canvasはテキストを描画できますが、入力テキストフィールドを作成することはできません。これは、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=?を適切な位置に置き換えます。