使用html2canvas

Question

我使用D3js版本3创建了圆形包图，以下是图表的快照。

我尝试使用html2canvas使用以下代码导出它：

html2canvas(document.getElementById("chart"), {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
});

此处，图表是包含图表svg的div元素的id，我尝试将其导出为png。上面的代码工作正常，并成功返回png图像，但svg内部文本的对齐和字体设置更改如下面的快照。

任何人都可以建议我如何使用相同的文本设置将图表图像导出为png。

另请注意，我已使用以下js文件。

d3.v3.js

html2canvas.js

html2canvas.svg.js

提前致谢。
Bhagyesh

Answer 1

您可能在css中设置htm2canvas无权访问的样式，因此不适用。如果您将所有内容设置为svg的属性，则应该可以正常工作。