我有一個div元素,其中包含兩個或三個圖像。其中一個圖像是通過一定比例和旋轉進行變換的。我只是想將整個div轉換爲單個圖像。我用html2canvas,我是一個很大的粉絲,但我的問題是,具有變換屬性的圖像在所有瀏覽器中都不相同,它在Chrome中正常工作,但不在Mozilla和IE.I中也使用最新版本的html2canvas轉換支持。你可以建議我另一種方法來轉換div到圖像只使用JavaScript而不是jQuery。使用javascript將html內容轉換爲圖像
0
A
回答
2
如果你只是需要這個圖像和需要跟蹤變換,那麼我會建議只使用畫布。
在該div內插入一個畫布元素而不是圖像,然後用相應的變換(平移,旋轉等)將它們繪製到需要的圖像上。從那裏只需撥打toDataURL()
即可將所有內容保存爲單個圖像。
注意CORS限制適用(圖片必須從同一個服務器頁面,或獲准加載到由託管服務器使用外CORS - 唯一的例外是通過輸入字段上傳的圖片)。
對於如何設置畫布和使用旋轉/變換繪製圖像,SO上存在很多示例。
相關問題
- 1. 將HTML內容轉換爲圖像
- 2. 將HTML Div內容轉換爲圖像
- 3. 使用javascript將HTML轉換爲圖像
- 4. 將HTML內容轉換爲Javascript代碼
- 5. 將HTML畫布轉換爲圖像。 Javascript
- 6. 將IFRAME內容轉換爲圖像
- 7. 將div的內容轉換爲圖像
- 8. 將圖像轉換爲背景內容
- 9. PHP:將blob內容轉換爲圖像
- 10. 將html圖像轉換爲內聯base64
- 11. 使用HtmlRenderer將HTML轉換爲圖像
- 12. 使用遠程圖像和樣式表將HTML HTML內容轉換爲DOC/PDF
- 13. 使用javascript將圖像轉換爲base64
- 14. 將HTML轉換爲圖像
- 15. 通過javascript將div內容轉換爲圖像
- 16. 將DIV內容轉換爲C#或JavaScript中的圖像
- 17. 如何將html blob轉換爲使用javascript的圖像?
- 18. 將textarea內容轉換爲html
- 19. 將XML內容轉換爲HTML
- 20. 將MS Word內容轉換爲HTML
- 21. 如何將html內容轉換爲pdf?
- 22. 如何將html內容轉換爲wordpress
- 23. 將HTML內容轉換爲列表
- 24. 將html視圖轉換爲圖像
- 25. Javascript,AJAX將MySQL內容轉換爲div
- 26. 使用javascript/jquery將html轉換爲svg
- 27. 使用PHP將JavaScript轉換爲HTML
- 28. 將位圖轉換爲javascript圖像
- 29. 將div和其內的內容轉換爲圖像
- 30. 如何將html內容(也有圖像)轉換爲使用javascript的文檔文件?
看到這個鏈接http://stackoverflow.com/questions/9075792/save-export-image-file-from-html-content – 2014-12-06 11:40:00