キャンバスにダイナミックテキストボックスを追加

Question

キャンバスをクリックすると、テキストボックスが表示されるはずの機能を実現したいと思います。テキストを入力して保存ボタンをクリックすると、テキストがキャンバスに保存されます。もう一度キャンバスをクリックすると、もう一度新しいテキストボックスが追加されます。要するに、キャンバスをクリックしたときに新しいテキストボックスを追加して、テキストボックスの値を保存したいとします。 私はキャンバスを学ぶことができる良い参考文献を教えてください。私は指定された機能を達成するために良いチュートリアルを求めています。

Answer 1

キャンバスの座標またはクリックする場所のIDを指定できます。また、テキストボックスが利用可能な場合は{0に設定する変数があるので、保存する必要があります。テキストボックスを使用できない場合は1、テキストボックスを追加する必要があります}。スワップしてテキストボックスを追加するか、それに応じて保存します。あなたは大きなを持っている場合は、クリックされたかどうか見つける必要がどこ

は、あなたが

$("#canvasid").click(function(){ 
 
    var $this = $(this); 
 
    if($this.data('clicked')) { 
 
     var table = $(this).closest('sometablewhereiwanttextbox'); 
 
    if (table.find('input:text').length < 7) { 
 
     table.append('<tr><td style="width:200px;" align="right">Name <td> <input type="text" id="current Name" value="" /> </td></tr>'); 
 
    } 
 
});

として追加することができますされ、必要に応じてコードを変更します。

DBに保存する技術は、使用する技術によって異なります。 MVCまたはasp.netの場合は、AJAX呼び出しを使用してデータをバックエンドに渡し、Webメソッドを使用して保存します。