我可以渲染HTML5 canvas並將其設置爲HTML IMAGE的源代碼嗎？

image
html5
canvas

2011-05-23 52 views 4 likes

有沒有辦法將屏幕外的Canvas渲染成HTML IMAGE元素？我可以渲染HTML5 canvas並將其設置爲HTML IMAGE的源代碼嗎？

來源

2011-05-23 Eonil

回答

img.src = canvas.toDataURL();

其中img和canvas是各自的元件對象（從document.getElementByElement(...)）。

來源

2011-05-23 03:28:07 timdream

謝謝。我可以問另一種方式而無需轉換嗎？ – Eonil 2011-05-23 07:19:02

「沒有轉換」是什麼意思？ – timdream 2011-05-25 09:20:58

畫布將在內存中將圖像渲染爲位圖，並且該方法將其編碼爲PNG。所以，如果我使用該方法，我必須從PNG中解碼它。這會大大降低性能。我想避免這種編碼/解碼成本，因爲我想在HTML元素之間顯示實時呈現的動畫。 – Eonil 2011-05-25 12:03:02

相關問題

1. 你可以將Jade渲染爲Html嗎？
2. 我的HTML5 Canvas代碼可以轉換爲SVG嗎？
3. 將css3轉換的元素渲染爲canvas/image
4. 在Android源代碼中，我可以找到Canvas的native_drawBitmap（）嗎？
5. HTML CSS3/Canvas Image Distortion
6. 加快HTML5 Canvas像素渲染
7. 響應式CSS：我可以強制渲染替代文字嗎？
8. Three.js Canvas渲染
9. 我可以強制WPF渲染層嗎？
10. 如果渲染失敗，人們可以看到我的PHP代碼嗎？
11. 如何將canvas的起源設置爲以fabricjs爲中心？
12. 將HTML渲染爲圖像
13. 將React渲染中的HTML標籤設置爲null是不好的做法嗎？
14. 將Maquette渲染爲HTML
15. 渲染MathJax以.html（）
16. 我可以看到內置控件的源代碼嗎？
17. 爲什麼JSFiddle以不同的方式渲染我的代碼？
18. HTML5帆布渲染奇怪
19. 我可以將VB代碼轉換爲C++代碼嗎
20. 我可以將IntelliJ設置爲自動縮進代碼體？
21. 我可以使用HTML5 Canvas中的字符文字顏色嗎？
22. 調用的HTML功能，並將其設置爲可變
23. 在Javascript DOM中，將焦點設置爲項目並稍後在文檔中渲染項目可以嗎？
24. ToolStrip vs MenuStrip - 我可以使他們的渲染相同嗎？
25. 將JavaScript代碼放在HTML代碼中的任何位置都可以嗎？
26. 我可以設置代碼塊的時間限制嗎？
27. 我可以在包含的代碼中設置斷點嗎？
28. 我可以加密我的android和ios的源代碼嗎？
29. HTML渲染器插件，C++代碼
30. 方案：如何輸入html並將其輸出爲html源代碼？