SVG行stroke-dash不能正确打印到PDF



stroke-dasharray打印行,请创建不同的PDF行为看这里的图片

图A,我直接从浏览器(Chrome)上截取的截图。图B是同一页的打印PDF。

注意图片B的区别,破折号之间有一条细线,这发生在Chrome或PhantomJS(可能与WebKit相关?),而不是发生在Firefox中。

我想做的是将这种图表导出为PDF,但正如你所看到的,strokoe-dasharray没有正确打印。

上面的图片我从这个MDN页面,有什么我能做的解决这个问题吗?

这似乎是由fill属性的一些默认值引起的。您可以通过设置fill="none"来修复它,如下所示:

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

最新更新