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

How to show up html svg tag while printing in print preview

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

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

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

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

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