如何打印使用 [=11=] 动态生成的 HTML 页面
How do I print a HTML page dynamicly generated with jquery
我有一个使用表格构建的动态生成的文档，jquery。数据来自 json 文件，它塑造了各处的高度、图片颜色等。
我不会 post 整个代码，因为它很大，但这里有一张图片：
每当我尝试打印时，输出是这样的：
如您所见，canvas 很好，但没有显示图像及其 background-color 等元素。左边的标尺也是 background-repeat-y 图像，但也没有显示出来。 （下半部分还好，只是没放在图上）
这是我在 json 数据之前的文档：
为什么浏览器不能正确打印屏幕上的内容？我尝试过媒体打印，但它也不起作用。
首先，按照@rob-moll 和@rory-mccrossan 的建议，确保您的'print' 屏幕预览允许显示图像。在 Chromium 上，此选项可以在“更多设置”下的打印屏幕 (Ctrl+P) 上找到，称为“背景图形”。
在 Firefox 上，可以在标题为 'Format & Options' 的选项卡中的“页面设置...”下找到此设置，在那里您会找到一个名为 'Options' 的部分，其中包含一个复选框以启用'打印背景（颜色和图像）。
然后，确保没有（隐藏的）CSS-statement：
@media print {
* {background:none}
}
或任何会影响您尝试打印的元素的东西。
我有一个使用表格构建的动态生成的文档，jquery。数据来自 json 文件，它塑造了各处的高度、图片颜色等。
我不会 post 整个代码，因为它很大，但这里有一张图片：
每当我尝试打印时，输出是这样的：
如您所见，canvas 很好，但没有显示图像及其 background-color 等元素。左边的标尺也是 background-repeat-y 图像，但也没有显示出来。 （下半部分还好，只是没放在图上）
这是我在 json 数据之前的文档：
为什么浏览器不能正确打印屏幕上的内容？我尝试过媒体打印，但它也不起作用。
首先，按照@rob-moll 和@rory-mccrossan 的建议，确保您的'print' 屏幕预览允许显示图像。在 Chromium 上，此选项可以在“更多设置”下的打印屏幕 (Ctrl+P) 上找到，称为“背景图形”。
在 Firefox 上，可以在标题为 'Format & Options' 的选项卡中的“页面设置...”下找到此设置，在那里您会找到一个名为 'Options' 的部分，其中包含一个复选框以启用'打印背景（颜色和图像）。
然后，确保没有（隐藏的）CSS-statement：
@media print {
* {background:none}
}
或任何会影响您尝试打印的元素的东西。