在chrome預覽對話框中設置自定義頁面尺寸以進行打印

Question

我將盡可能清楚。 我有一個由圖像和文本組成的svg代碼（在div內）。 我需要svg代碼具有特殊的寬度和高度； 特別是我需要190 x 250毫米。 我已經通過設置925px的寬度（因為我使用從mm到px的在線轉換器）和700px的高度來設置此值。

問題是，當我在Chrome上打開文件並繼續打印（Cmd + P）時，打開了打印對話框，這表明我的設計將被打印在A4頁面上。 我有一張自定義紙張（實際上是現實生活中的紙張），它的尺寸先前已注釋過，因此這就是為什么我需要它，當我打開“打印”對話框（cmd + p）時，會出現190x250mm的紙張（而不是A4，“ “那個空白）

我有一台Mac，在打開打印對話框后，我可以單擊“顯示更多選項”之類的東西，然后設置我實際想要的紙張尺寸。 但是，當我用它打印時，我的設計沒有覆蓋100％的紙張。

我已經嘗試過的是使用jspdf庫，將我的svg轉換為具有所需尺寸的pdf。 僅當在svg上使用常用字體（arial，times new roman等）時，此方法有效，但如果我使用特殊字體，則無效。

我真的非常感謝這里的幫助。 非常感謝您，我的英語不好意思。 希望你能理解 ！

這是我的svg設計-簡化

這就是發生的事情（也是我不想

編輯：這就是我想要的，以便能夠打印（注意打印預覽如何“適合”自定義紙張尺寸）。 （圖像當然是編輯的）

我需要的

Answer 1

我需要在@page上添加負頁邊距以刪除白色邊框。 但是打印機可能會決定他們想要那個利潤。

 *{ margin:0; padding:0; } svg{max-width:100vh;} @media print{ @page{ margin:-1em; padding:0; width:100%; } svg { margin:0; width:100%; } } 

 <svg viewBox = "0 0 100 60"> <rect width="100" height="100" fill="pink" /> <text dominant-baseline="central" text-anchor="middle" x="50" y="30">TEXT</text> </svg>