如何在畫布上製作像文本一樣的PowerPoint文本？

Question

圖片：

我要生成的文本框，當我點擊按鈕，可調節和可編輯在畫布上。 這張圖片就是我想要的例子。如果有任何可用的工具集成並使用HTML頁面上的功能。

Answer 1

您可能希望它根據他們一看http://interactjs.io/是

的JavaScript拖拽，縮放和多點觸摸手勢與慣性和現代瀏覽器搶購（並且也IE8 +）

要編輯的文本，你可以嘗試這樣的事：

$('#fullname').click(function(){ 
    var name = $(this).text(); 
    $(this).html(''); 
    $('<input></input>') 
     .attr({ 
      'type': 'text', 
      'name': 'fname', 
      'id': 'txt_fullname', 
      'size': '30', 
      'value': name 
     }) 
     .appendTo('#fullname'); 
    $('#txt_fullname').focus(); 
}); 

$(document).on('blur','#txt_fullname', function(){ 
    var name = $(this).val(); 
    //alert('Make an AJAX call and pass this parameter >> name=' + name); 
    $('#fullname').text(name); 
}); 

和HTML

<div id="fullname">Change me</div> 

退房this pen