0

大家好，阅读本文的人，我对 Cutycapt(html page into PNG image) 有疑问。有谁知道如何“告诉”CutyCapt 输出具有恒定大小的图像，例如宽度必须始终为 1920，而不是更少，而不是更多。我知道 CutyCpat 有什么参数

--min-width=

但它可以使图像“宽度：大于 1920 并且对我来说不合适。

我还尝试在 html 页面中使用具有特定宽度参数的 div 标签，但 CutyCapt 再次使图像的宽度大于 1920。或者在他那里，有人可以解释一下CutyCapt从哪里获取输出图像大小参数。顺便说一句，我将 CutyCapt 与 xvfb-run 一起使用。感谢关注。

4

1 回答 1

0

好吧，我找到了解决方案。CutyCapt 没有“工具/参数”来制作 const img 大小（例如宽度或高度），但如果您有自己的 html 页面（可以编辑/更新的页面），您可以使用 const 参数将其转换为图像。您需要将您的 html 页面（body 标记内的内容）包含在 container 中。在样式标签或该容器的 css 设置参数中，例如 width=1920px；

看到代码被剪断

<!Doctype HTML>
<html lang="en">
     <head>
          <meta charset="UTF-8">
          <title>fixed layout</title>
          <style>
          /* This is a comment it is not read by any browser
          This is where the css styling goes */

          body{
                   color:#000;
                   background-color:#fff;
                   padding:0;
                   margin:0;
          }

           #container{
                  /*Styling for any element with the id="container" */
                          width:1912px; /* The width is fixed by pixels */
                           color:#fff;
                            background-color:red;
            }
          </style>
     </head>
     <body>
          <div id="container">
                 <p id="content"> I have a fixed width so you can only see me and the body if your monitor has enough pixels. Otherwise you will just see me, the container</p>
          </div>
     </body>
</html>

例如，如果您需要宽度 1920，为什么 1912 像素而不是 1920 像素。好吧，如果您使用 CutyCapt 将宽度为 1920 px 的 html 页面转换为 img ，您的输出 img 宽度将是 1928 而不是 1920 ，这就是为什么您需要减少 8px 宽度参数的原因。我认为如果您更改 #container 中的填充参数，则不需要将参数宽度设置为比需要的少 8px。

于 2020-04-08T10:12:56.307 回答