如何在打印预览中打印时显示 html svg 标记



我的HTML中有一个SVG标签,它可以在屏幕上打印条形码并且可以工作,但是当我尝试打印该文档时,它不会出现在打印预览中。显示除条形码以外的其他所有内容。 我猜文档没有足够的时间来渲染形成条形码 SVG 的所有矩形div,这就是为什么它没有显示,但无法解决问题的原因。任何帮助将不胜感激!

我尝试过这样的媒体打印: 我给打印条形码的div提供了一个id(#b(,并在CSS中写道:

@media print {
#b {
display: block;
}
}

我可以通过使用外部JavaScript库来解决上述问题。我正在使用的系统已经具有生成条形码的功能并且运行良好,只是在实际通过打印按钮打印文档时没有呈现它,无论我使用什么浏览器,系统都有。

所以我只是使用这个叫做 JsBarcode 的 js 库只是为了在运行时呈现条形码,它也会在打印预览中显示它。

最新更新