亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Cutycapt 和恒定圖像尺寸輸出

Cutycapt 和恒定圖像尺寸輸出

米琪卡哇伊 2023-10-30 20:49:53
大家好,讀這篇文章的人,我對 Cutycapt(html 頁面轉換為 PNG 圖像) 有疑問。有誰知道如何“告訴”CutyCapt 輸出具有恒定大小的圖像,例如圖像寬度必須始終為 1920 不少于不少于。我知道 CutyCpat 有參數--min-width=但它可能會使圖像“寬度:大于 1920,這對我來說不太好。我還嘗試在 html 頁面中使用帶有特定寬度參數的 div 標簽,但 CutyCapt 再次使圖像寬度大于 1920。或者在他那里,有人可以解釋一下 CutyCapt 從哪里獲取輸出圖像尺寸參數。順便說一句,我正在使用 CutyCapt 和 xvfb-run 。感謝您的關注。
查看完整描述

1 回答

?
30秒到達戰場

TA貢獻1828條經驗 獲得超6個贊

好吧,我找到了解決方案。CutyCapt 沒有“工具/參數”來制作 const img 大?。ɡ鐚挾然蚋叨龋?,但如果您有自己的 html 頁面(您可以編輯/更新的頁面),您可以使用 const 參數將其轉換為圖像。您需要將您的html頁面(body標簽內的內容)內容與container括起來。在樣式標簽或 css 中設置該容器的參數,例如 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 頁面轉換為 img,你的輸出 img 寬度將是 1928 而不是 1920,這就是為什么你需要 8px 少的寬度參數。我認為如果您更改 #container 中的填充參數,則無需將參數寬度設置為比所需少 8px。


查看完整回答
反對 回復 2023-10-30
  • 1 回答
  • 0 關注
  • 130 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號