將HTML/CSS轉換爲圖片的更好方法

Question

我正在創建網絡應用程序，它允許創建簡單的添加橫幅。您可以在橫幅上添加元素（文本，圖像，框等），拖放&，調整它們的大小，更改它的屬性。

只是爲了得到一個更好的主意，這裏是它的外觀：

在標題編輯器中，元素是簡單的HTML與內嵌樣式。

要將創建的HTML轉換爲圖像我使用庫 - html2canvas。它基本上在畫布上呈現HTML，可以保存爲圖像。但它有限制（並不是所有的css屬性都支持），並且結果圖像有時會與預覽不同。

所以我的問題是：

• 有沒有更好的辦法做到這一點？
• 是否可以製作頁面部分的截圖並將其保存爲圖像？
• 有沒有辦法在服務器上呈現HTML與CSS？ Scince NodeJs使用v8引擎也許有一種方法來呈現HTML/CSS呢？

我不需要跨瀏覽器解決方案。如果它只能在Chrome中運行，那很好。

Answer 1

看看吧https://github.com/niklasvh/html2canvas/issues/283 - 可能會有用。