相关疑难解决方法(0)

我有一个包含大量数据,表格和内容的页面.我想制作一个只显示很少选定内容的打印版本.

我正在阅读有关"@media print"的CSS功能,而不是仅仅为了打印而编写另一个页面.

首先,哪些浏览器支持它？由于这是一个内部功能,只有最新的浏览器支持它才行.

我正在考虑使用"可打印"类标记一些DOM元素,并且基本上将"display:none"应用于除了具有"可打印"类的那些元素之外的所有内容.那可行吗？

我该如何实现这一目标？

编辑:这是我到目前为止:

<style type="text/css">
@media print {
    * {display:none;}
    .printable, .printable > * {display:block;}
}
</style>

但它隐藏了一切.如何使这些"可打印"元素可见？

编辑:现在尝试消极方法

<style type="text/css">
@media print {
    body *:not(.printable *) {display:none;}
}
</style>

这在理论上看起来不错,但它不起作用.也许"不"不支持高级CSS ...

我看过很多帖子,描述了如何使用chart.js和创建图形canvas然后保存canvas到png,并将其导入到pdf.这很好但是如果你想绕过屏幕上的部分并直接转到pdf文档并包含图像呢？

例如,我可能有两个按钮,一个用于打开屏幕上的图表canvas.然后,此页面可以处理图表保存并导入到pdf中而不会出现问题.另一个按钮pdf直接打开.是否有可能将图表放入此文档中,无论是否以某种方式将其保存在服务器上？

我怀疑我可能会被告知转到d3,但我只是想知道它是否可能进入chart.js？