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

使用JavaScript/html;如何在打印区域外打印画布?,javascript,css,html,canvas,printing,Javascript,Css,Html,Canvas,Printing,我对javaScript还是新手。我创建了一个画布功能,我能够成功地打印,但是如何满足大画布区域的需要呢。当我转到画布的其他区域并按print时,它将打印到某个点,而忽略其余部分。我尝试创建一个printCanvas,它使用与画布相同的参数设置自己,但它只打印画布的垂直部分,而不是水平部分。问题是,如何打印整个画布?我认为您需要测试(每个浏览器)它对包装HTML DOM元素的反应。例如在画布标记周围环绕一个DIV标记,以保留所需的空间。这可能会触发浏览器的打印布局,使其不忽略自动调整大小的对象。

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

我认为您需要测试(每个浏览器)它对包装HTML DOM元素的反应。例如在画布标记周围环绕一个DIV标记,以保留所需的空间。这可能会触发浏览器的打印布局,使其不忽略自动调整大小的对象。也就是说,请记住,要尽可能强制固定值以满足需要。这不符合web渲染的要求,但在您的情况下,这可能会很有用

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

不支持

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