如何在不使用畫布的情況下將 HTML 轉換為圖片？

將HTML 渲染為圖像

問題： 是否可以將HTML 轉換為像PNG 這樣的圖像格式，PNG 這樣的圖像但使用標準HTML 元素而不是畫布？

答案： 有多種選項可以實現此目的：

選項1：API

• ApiFlash（使用Chrome）
• EvoPDF（將HTML 轉換為圖像）
• Grabzit
• HTML/CSS 到圖像API

優點：

• 執行JavaScript
• 準確渲染
• 快速（啟用快取）
• 精確控制視窗與縮放

精確控制視窗與縮放

精確控制視窗與縮放>

• 缺點：

不免費頻繁使用

• 選項2：庫
• 選項2：庫

選項2：庫

dom-to-image

• wkhtmltoimage

IMGKit（基於wkhtmltoimage，適用於Ruby）

imgkit（基於wkhtmltoimage.

優點：

• 更快的轉換

缺點：

渲染品質差

• 不支援JavaScript
• 對現代Web 功能的支援有限

選項3：帶包裝器的PhantomJs

• PhantomJs
• node-webshot（JavaScript 包裝器）

優點：

• 優點：
• 優點

相對較快

缺點：
• 渲染較差
• 網路功能支援有限

渲染較差

網路功能支援有限渲染較差>

縮放很複雜

• 選項4：帶有包裝器的Chrome Headless

Chrome Headless

Chrome HeadlessPuppeteer（JavaScript 包裝器）
• 優點：

優點：缺點：精確結果的複雜配置擴充具有挑戰性可能可能很慢，尤其是外部連結

以上是如何在不使用畫布的情況下將 HTML 轉換為圖片？的詳細內容。更多資訊請關注PHP中文網其他相關文章！