使用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>