大家好,我对Cutycapt(html页面转换为PNG图像(有问题。有人知道如何"告诉"CutyCapt输出恒定大小的图像吗?例如,图像的宽度必须始终为1920,而不是更多。我知道CutyCpat有什么参数
--min-width=
但它可以使图像的宽度:大于1920,这对我来说不合适。
我也尝试在html页面中使用带有特定宽度参数的div标记,但CutyCapt再次使图像的宽度大于1920。或者在他那里,有人能解释一下CutyCapt从哪里获取输出图像大小的参数吗。顺便说一句,我正在使用带有xvfb运行的CutyCapt。感谢关注。
我找到了解决方案。CutyCapt没有"工具/参数"来制作const img大小(例如宽度或高度(,但如果你有自己的html页面(可以编辑/更新的页面(,你可以用const parameter/s将其转换为图像。您需要用容器将您的html页面(body标记中的内容(内容封装起来。在样式标签或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,为什么要1912px而不是1920px。如果你使用CutyCapt将宽度为1920px的html页面转换为img,你的输出img宽度将是1928而不是1920,这就是为什么你需要一个宽度小于8px的参数。我认为,如果您更改#container中的填充参数,您就不需要将参数宽度设置为所需的8px。