svg文件中的Phantomjs字体呈现问题

svg文件中的Phantomjs字体呈现问题,svg,phantomjs,Svg,Phantomjs,我有一个SVG文件,我想将其转换为PNG,但在输出PNG中显示字体存在问题 以下是原始SVG在chrome浏览器中的外观: 以下是使用Phantomjs转换为PNG后的效果: 你知道为什么要删掉这篇文章吗 Amazon Linux AMI 2017.03版上的Phantomjs v2.1 编辑: 以下是svg(包括字体): magnolia_sky字体的指标将下降器设置为250个单位。看“g”,它被夹在这条线上。上升器为750个单位,对应于“H”、“d”和“i”的夹持位置 PhantomJS

我有一个SVG文件,我想将其转换为PNG,但在输出PNG中显示字体存在问题

以下是原始SVG在chrome浏览器中的外观:

以下是使用Phantomjs转换为PNG后的效果:

你知道为什么要删掉这篇文章吗

Amazon Linux AMI 2017.03版上的Phantomjs v2.1

编辑:

以下是svg(包括字体):

magnolia_sky字体的指标将下降器设置为250个单位。看“g”,它被夹在这条线上。上升器为750个单位,对应于“H”、“d”和“i”的夹持位置


PhantomJS似乎是将每个字形硬剪切到一个框中,该框由字体作为一个整体的垂直度量确定,而不是检查超出这些限制的字形。您可以在Fontforge中编辑度量值作为解决方法。紧排也没有被正确应用(或者根本没有),这就是为什么glyph没有按照设计者的意图连接在一起。无论渲染器PhantomJS使用的是什么,都只是对每个字符应用基本glyph advance,无需进一步调整。

提供SVG文件可能会帮助我们帮助您。我建议您使用
electron
与SVG或画布等图形元素一起使用。