Css 在D3js-Canvg中导出带有变换值的svg，结果在开始处为灰色线

我正在使用cannvg导出在D3js中创建的svg。每当svg有转换值时，输出的图像中就会出现一条灰线。如果我们去掉灰线就不见了。（线以绿色圆圈显示）

下面是我的svg代码

              var svg = mapContainer.append("svg")
                  .attr("width", width)
                  .attr("fill","#fff")
                  .attr("transform","translate(100, 0)")
                  .attr("height", height);

我正在使用canvg导出此svg

  var canvasBase = document.createElement('canvas');
    var html = d3.select("svg")
                  .node().parentNode.innerHTML;
    canvg(canvasBase, html)