pdf - SVG linestroke-dasharray 无法正确打印到 PDF

Question

打印线与 stroke-dasharray PDF 创建不同的行为，请
看 image这里。
图A ，我直接从浏览器(Chrome)截取的屏幕截图。 图B 是来自同一页面的打印 PDF。
请注意图片 B 中的差异，破折号之间有一条细线，这发生在 Chrome 或 PhantomJS(可能与 WebKit 相关？)中，而不会发生在 Firefox 中。
我想做的是导出这种 chart到 PDF，但如您所见 strokoe-dasharray未正确打印。
上面那张照片是我从这个 MDN 上拍的页面，我可以做些什么来解决这个问题？

Answer 1

这似乎是由 fill 的某些默认值引起的。属性。您可以通过设置 fill="none" 来修复它， 像这样:

<line x1="0" x2="100" y1="0" y2="0"
  stroke="black" stroke-dasharray="1, 2"
  fill="none"
/>