2016-05-20 66 views
0

嘗試使用ImgKit和wkhtmltoimage將HTML內容轉換爲圖像。圖像轉換成功,但面臨着字體問題(Font Awesome)。嘗試使用imgkit和wkhtmltoimage將html轉換爲圖像

圖像看起來不像HTML內容。

附加2個圖像,一個HTML內容(HTML-CONTENT.png)和另一個被轉換爲圖像(HTML-Converted-To-IMAGE.png)。您可以看到兩個圖像之間的字體差異。

enter image description here

enter image description here

可以請任何人建議我在這,我如何能實現精確的HTML轉換成圖像。

感謝您的幫助提前。

回答

0
kit = IMGKit.new(html) 
kit.stylesheets << '/path/to/css/file.css' 

我想你應該確保圖像中使用的樣式表在html中是一樣的。

+0

感謝您的回覆。但我將HTML從Web URL轉換爲Image。它已經有了所有的CSS,字體。問題是轉換爲圖像時,某些字體未加載。謝謝 –

+0

也許CSS路徑不是絕對路徑?嘗試在本地服務器中保存font-awesome並用絕對路徑調用它。 –