gpt4 book ai didi

javascript - 将 HTML 呈现为图像

转载 作者:IT王子 更新时间:2023-10-29 02:37:52 26 4
gpt4 key购买 nike

有没有办法将 html 渲染为 PNG 之类的图像?我知道使用 canvas 是可行的,但我想渲染标准的 html 元素,例如 div。

最佳答案

有很多选择,它们各有利弊。

选项 1:使用 API

优点

  • 执行Javascript
  • 近乎完美的渲染
  • 正确使用缓存选项时速度很快
  • 规模由 API 处理
  • 精确计时、视口(viewport)、...
  • 大多数时候他们提供免费计划

缺点

  • 如果您打算经常使用它们,则不免费

选项 2:使用众多可用库之一

优点

  • 大部分时间转换都非常快

缺点

  • 呈现效果不佳
  • 不执行javascript
  • 不支持最新的网络功能(FlexBox、高级选择器、Webfonts、Box Sizing、媒体查询……)
  • 有时安装起来不是那么容易
  • 规模复杂

选项 3:使用 PhantomJs 和包装器库

优点

  • 执行Javascript
  • 相当快

缺点

  • 呈现效果不佳
  • 不支持最新的网络功能(FlexBox、高级选择器、Webfonts、Box Sizing、媒体查询……)
  • 规模复杂
  • 如果有图片要加载就不太容易让它工作了......

选项 4:使用 Chrome Headless 和可能的包装器库

优点

  • 执行Javascript
  • 近乎完美的渲染

缺点

  • 要获得想要的结果并不容易:
    • 页面加载时间
    • 视口(viewport)尺寸
  • 规模复杂
  • 非常慢,如果 html 包含外部链接,甚至更慢

披露:我是 ApiFlash 的创始人。我已尽力提供诚实有用的答案。

关于javascript - 将 HTML 呈现为图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10721884/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com