Javascript 将Textpath svg发布到png
我正在将SVG图形导出(使用d3.js库)到PNG。问题在于标签textPath。导出为PNG时,文本不会显示。有人知道这个问题是否有解决办法吗 我用来进行转换的代码是:Javascript 将Textpath svg发布到png,javascript,svg,export,png,Javascript,Svg,Export,Png,我正在将SVG图形导出(使用d3.js库)到PNG。问题在于标签textPath。导出为PNG时,文本不会显示。有人知道这个问题是否有解决办法吗 我用来进行转换的代码是: var svgString = new XMLSerializer().serializeToString(document.querySelector('#svg')); var canvas = document.getElementById("canvas"); var ctx = canvas.getContext(
var svgString = new XMLSerializer().serializeToString(document.querySelector('#svg'));
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var DOMURL = self.URL || self.webkitURL || self;
var img = new Image();
var svg = new Blob([svgString], {type: "image/svg+xml;charset=utf-8"});
var url = DOMURL.createObjectURL(svg);
img.onload = function() {
ctx.drawImage(img, 0, 0);
var png = canvas.toDataURL("image/png");
var a = document.createElement("a");
a.download = "grafico.png";
a.href = png;
a.click();
DOMURL.revokeObjectURL(png);
};
img.src = url;
非常感谢大家。
问候,
索尼娅固定。我已经解决了css样式表中的属性问题,例如:
font-size: 16px;
color: black;
fill: none;
同样的问题。似乎这种转换方法并没有得到正文的字体大小。但是,将生成的SVG转储到.SVG文件中并在浏览器中打开该文件将正确呈现