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

Question

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

我已经尝试过这样的媒体打印：我#b在打印条形码的 div 中给出了一个 id ( )，并且在 CSS 中写道：

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

Answer 1

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

所以我只是使用这个名为JsBarcode的 js 库来在运行时渲染条形码，它也会在打印预览中显示它。