javascript - 网页截图自定义 CSS

标签 javascript css node.js

我正在尝试使用 WebShot 将我的网站保存为图像与nodeJs。在文档中,它说 WebShot 有 customCSS 选项,可以在截图之前将自定义 CSS 样式应用到网页。我想使用该选项,但是当我尝试使用 Node 运行我的文件时,它给了我一个错误: 自定义CSS:'正文{ ^^^^^^^ 语法错误:意外的标记非法

我的代码如下:

var options = {
  siteType: "html",
  //defaultWhiteBackground: true,

  customCSS:"body {
    background-color: #b0c4de;
}"

};

webshot(svgsrc,'graphy2.png',options,function(err) {
if(err) {
                console.log('error saving document', err)
            } else {
                console.log('The file was saved!');
            }
}); 

我可以毫无问题地保存图像,只是我无法找到在保存图像之前应用自定义 css 的方法,因此任何帮助将不胜感激。谢谢

最佳答案

试试这个(单引号,一行):

var options = {
  siteType: 'html',
  customCSS: 'body {background-color: #b0c4de;}'
}

关于javascript - 网页截图自定义 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32946076/

相关文章:

javascript - 我想要 XML 元素中的原始区分大小写的 tagName。

javascript - 优化功能,固定html表格的标题,根据屏幕大小和内容实时调整不同的宽度

html - 找不到更改位置 'background-attachment: fixed;'

html - 如何在输入焦点上设置渐变边框动画?

node.js - MEAN 堆栈应用程序中无法获取/错误

javascript - 使用 Stripe V3 为卡创建 strip 标记,但不使用前端侧的 strip 元素

javascript - 计算State数量——重构

javascript - 什么是正确的 Oculus Rift 桶形畸变半径函数?

html - 自定义字体在 IE8 中呈现错误

javascript - 写入 Google 电子表格中的空单元格