用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"
/>