輸出hml5畫布元素爲html頁面

最近我有一個任務是根據用戶交互生成html頁面（這完全是一個webapp）。用戶可以通過Web瀏覽器進行交互以創建模板並保存模板。我知道這很簡單。輸出hml5畫布元素爲html頁面

但是，當我必須允許用戶動態改變div大小，內容大小，圖像大小等（用鼠標移動）時，用戶也可以拖放圖像到html等，這個問題來了。因爲我認爲很難使用html5和jquery開發整個東西，它做了一些谷歌搜索，發現HTML5畫布可以完成所有這些工作（我們可以拖放，更改大小等）。只有我覺得困難的事情是將其導出爲html5文檔。是否有可能將canvas元素轉換爲html5文檔。

來源

2014-01-22 Anish

這裏我添加了在html5頁面中使用畫布繪製圖像的示例代碼。請檢查示例代碼。希望它對你有幫助。謝謝。

<!DOCTYPE HTML> 
<html> 
    <head> 
    <style> 
     body { 
    margin: 0px; 
    padding: 0px; 
     } 
    </style> 
    </head> 
    <body> 
    <canvas id="myCanvas" width="578" height="400"></canvas> 
    <script> 
     var canvas = document.getElementById('myCanvas'); 
     var context = canvas.getContext('2d'); 
     var imageObj = new Image(); 

     imageObj.onload = function() { 
    context.drawImage(imageObj, 69, 50); 
     }; 
     imageObj.src = 'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg'; 
    </script> 
    </body> 
</html>

來源

2014-01-22 12:39:25 Jeba

如果我理解正確的話，你希望讓用戶可以自定義在畫布上的模板，然後將圖形輸出爲HTML5文件與div，span和所有其他標記湯。據我所知，有沒有簡單的方法來做到這一點。所以簡短的答案是否定的，不可能的。

來源

2014-01-22 19:29:06

輸出hml5畫布元素爲html頁面

回答

相關問題