使用 JavaScript/html；如何在打印区域之外打印画布？答案

【问题标题】：Using JavaScript/html; how do I print a canvas outside of the print area?使用 JavaScript/html；如何在打印区域之外打印画布？
【发布时间】：2012-11-23 05:01:31
【问题描述】：

我还是 javaScript 的新手。我创建了一个画布功能，并且可以成功打印，但是如何满足大画布区域的需求。当我去画布的其他区域并按打印时，它将打印到一个点而忽略其余部分。我尝试创建一个 printCanvas，它使用与画布相同的参数设置自己，但它只打印画布的垂直部分而不是水平部分。问题是，如何打印整个画布？

【问题讨论】：

粘贴一些代码。这会有所帮助。

标签： javascript css html canvas printing

【解决方案1】：

我认为您需要测试（每个浏览器）它对包装 HTML DOM 元素的反应。例如;在 CANVAS 标记周围包裹一个 DIV 标记，以保留您需要的空间。这可能会触发浏览器的打印布局以不忽略自动调整大小的对象。话虽如此，请记住尽可能强制使用固定值以满足需求。这不符合网络渲染，但在您的情况下可能有用。

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

【讨论】：