在画布中添加动态文本框

Question

我想实现一种功能，如果我点击画布，就会出现一个文本框。输入文本并单击“保存”按钮后，应将该文本保存在画布上。再次，如果我在其他地方点击画布，它应该再次添加一个新的文本框。简而言之，我想在点击画布时添加一个新的文本框，并希望保存文本框值。 给我任何好的参考，我可以学习帆布。我要求提供良好的教程以实现指定的功能。

Answer 1

您可以在单击的位置给出canvas或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方法保存它们。