d3js程序产生了很好的浏览器图像，可怕的转换为png

Question

我从其中一个d3示例中获得了一个d3图表程序，它在浏览器中看起来很棒。

我通过...抓取相关的SVG。

 var svg_xml = (new XMLSerializer).serializeToString(svg);

并最终将其复制到Mac上的.svg文件中。 QuickLook预览系统使用比原始厚度更厚的x / y轴进行渲染，CloudConvert服务会生成质量更差的png - 线条与轴标签重叠。

我有标准轴css规则......

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

所以我不知道为什么渲染效果不同。