栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

将HTML渲染到图像

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

将HTML渲染到图像

我知道这是一个很老的问题,已经有了很多答案,但是我仍然花了几个小时来尝试做自己想做的事情:

  • 给定一个html文件,从命令行生成具有 透明 背景的(png)图像

使用无头的Chrome(此响应的版本为74.0.3729.157),实际上很容易:

"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --headless --screenshot --window-size=256,256 --default-background-color=0 button.html

命令说明:

  • 您可以从命令行运行Chrome(对于Mac,此处显示,但在Windows或Linux上则类似)
  • --headless
    在不打开Chrome的情况下运行Chrome,并在命令完成后退出
  • --screenshot
    将捕获屏幕截图(请注意,它会
    screenshot.png
    在运行命令的文件夹中生成一个名为的文件)
  • --window-size
    只允许捕获屏幕的一部分(格式为
    --window-size=width,height
  • --default-background-color=0
    是告诉Chrome使用 透明 背景而非默认白色的魔术
  • 最后,您提供html文件(作为本地或远程URL)。


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/430327.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号