应用错误收集

以下简单的SVG示例绘制了一条丑陋的线条。在Chrome 65或Chromium 67中打开时，一切都按预期显示。但是当打开打印预览时，除了红色丑陋的线条外，还会在丑陋的红线中心下方绘制一条黑线。如果您认为红线实际上非常漂亮，我很抱歉，但有人知道Chrome正在做什么吗？我真的不希望我的丑陋线路毁了。

<html>
  <head>
  <style>
    .grid {
       stroke: rgba(255, 0, 0, 0.4);
       stroke-width: 15px;
       stroke-dasharray: 1,5;
    }
    </style>
  </head>
  <body>
    <svg width="1000" height="700" viewBox="0 0 1000 700" style="width: 1000; height: 700;">
       <line x1="100" x2="100" y1="15" y2="665" class="grid"></line>
    </svg>
  </body>
</html>

忽略缩放差异。打印版本中心的黑线是不可取的。

在Chrome for SVG中打印工件

0 个答案: