使用JavaScript/html;如何在打印區域外打印畫布？

Question

我還是新來的javaScript。我創建了一個畫布功能，並且能夠成功打印，但我如何照顧大型畫布區域。當我走到畫布的其他區域並按打印時，它會打印出一個點並忽略其餘部分。我嘗試創建一個printCanvas，它使用與畫布相同的參數設置自身，但它僅打印畫布的垂直部分而不是水平部分。問題是，我如何打印整個畫布？

Answer 1

我想你需要測試（每個瀏覽器）它如何對包裝HTML DOM元素進行反應。例如;在CANVAS標籤周圍包裹一個DIV標籤，以保留您需要的空間。這可能會觸發瀏覽器的打印佈局不會忽略自動調整大小的對象。有鑑於此，還要牢記儘可能強制固定值以適應需求。這不符合網絡渲染，但在你的情況下，可能會證明是有用的。

<div style="height: 1600px; width: 900px;"> 
    <canvas height="1600" width="900">Not supported</canvas> 
</div>