16

打印线与stroke-dasharrayPDF 创建不同的行为，请在此处查看图像。

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

请注意图片 B 中的差异，破折号之间有一条细线，这发生在 Chrome 或 PhantomJS（可能与 WebKit 相关？）中，而不会发生在 Firefox 中。

我试图做的是将这种图表导出为 PDF，但如您所见，strokoe-dasharray打印不正确。

上面这张图片是我从这个MDN页面上拍的，有什么办法可以解决这个问题吗？

4

1 回答 1

20

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

<line x1="0" x2="100" y1="0" y2="0"
  stroke="black" stroke-dasharray="1, 2"
  fill="none"
/>
于 2017-11-28T00:30:06.320 回答