jquery - 我可以打印 a 的内容吗作为光栅化图像？

Question

我正在使用 jquery.printElement.js 打印我创建的日历表。它在一个 div 中，并且大部分都按预期工作。不过，我的 CSS 遇到了很大的麻烦。正如我之前的问题中所述，我的单元格会扩展以适应内容，即使我正在传递 .css 文件。

我也尝试添加table-layout: fixed;，white-space: nowrap;以及overflow:hidden;我能想到的每一个可能的地方。即使作为 printBodyOptions 中的附加参数：

function printCalendar(){
     $('#printable').printElement({
          overrideElementCSS:['../css/calendarstyle.css',
                              '../css/colorbox.css',
                              '../css/buttonstyle.css'
                              ],
    printBodyOptions:{
        styleToAdd:
                'table-layout:fixed; 
                 overflow:hidden; 
                 white-space: nowrap; !important;'
        }
    });
} 

我没有想法，我有点希望有一种方法可以将我的日历打印为图像，从屏幕截图或类似的。这样所有已经呈现的比例都适用于打印的日历，以及屏幕上的呈现。有谁知道这样做的方法？还有其他更好的解决方案吗？

Answer 1

您是否尝试过专用于打印的样式表？

@media print {
/* overrides here commun CSS with higher selector or !important rules */
}

否则你有 white-space: nowrap; !important;'一个语法错误:)，应该是： white-space: nowrap !important;'