使用JavaScript / html;如何在打印区域外打印画布?

时间:2012-11-23 05:01:32

标签: javascript css html5 canvas printing

我还是javaScript的新手。我创建了一个canvas功能,我能够成功打印,但我如何迎合大型帆布区域。当我去画布的其他区域并按下打印时,它将打印到一个点并忽略其余部分。我尝试创建一个printCanvas,它使用与画布相同的参数设置自己,但它只打印画布的垂直部分而不是水平部分。问题是,我如何打印整个画布?

1 个答案:

答案 0 :(得分:0)

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

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