大家好，讀這篇文章的人，我對 Cutycapt(html 頁面轉(zhuǎn)換為 PNG 圖像) 有疑問。有誰知道如何“告訴”CutyCapt 輸出具有恒定大小的圖像，例如圖像寬度必須始終為 1920 不少于不少于。我知道 CutyCpat 有參數(shù)--min-width=但它可能會(huì)使圖像“寬度：大于 1920，這對我來說不太好。我還嘗試在 html 頁面中使用帶有特定寬度參數(shù)的 div 標(biāo)簽，但 CutyCapt 再次使圖像寬度大于 1920?；蛘咴谒抢铮腥丝梢越忉屢幌?CutyCapt 從哪里獲取輸出圖像尺寸參數(shù)。順便說一句，我正在使用 CutyCapt 和 xvfb-run 。感謝您的關(guān)注。
1 回答
30秒到達(dá)戰(zhàn)場
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊
好吧，我找到了解決方案。CutyCapt 沒有“工具/參數(shù)”來制作 const img 大小（例如寬度或高度），但如果您有自己的 html 頁面（您可以編輯/更新的頁面），您可以使用 const 參數(shù)將其轉(zhuǎn)換為圖像。您需要將您的html頁面（body標(biāo)簽內(nèi)的內(nèi)容）內(nèi)容與container括起來。在樣式標(biāo)簽或 css 中設(shè)置該容器的參數(shù)，例如 width=1920px；
查看代碼片段
<!Doctype HTML>
<html>
<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 將寬度為 1920 px 的 html 頁面轉(zhuǎn)換為 img，你的輸出 img 寬度將是 1928 而不是 1920，這就是為什么你需要 8px 少的寬度參數(shù)。我認(rèn)為如果您更改 #container 中的填充參數(shù)，則無需將參數(shù)寬度設(shè)置為比所需少 8px。
- 1 回答
- 0 關(guān)注
- 139 瀏覽
添加回答
舉報(bào)
0/150
提交
取消