SVG:缩放SVG文档时如何缩放字体大小?

时间:2019-01-02 06:10:52

标签: javascript html css svg fonts

诸如thisthisthisthisthis之类的问题对于SVG缩放没有帮助。

缩放SVG文档时缩放字体大小的最佳方法是什么?

假设原始SVG文档为500x1000。为了适合我们的设计视口,我们将文档缩放到250x500,并允许用户进行一些编辑,例如重新定位和更改文本。编辑完成后,我们将比例缩小为500x1000,然后导出为PNG图像。

当前,我们以每个比例手动重新计算字体大小。如果原始大小为500x1000时字体大小为20,则当缩小到250x500时我们会将字体大小更改为10。

我们乐于使用scale transform属性,因为用户可以在编辑250x500版本时重新定位或旋转元素。

我们需要500x1000版本才能与250x500版本成比例。

是否有更好的缩放字体大小的方法?理想情况下,我们可以对字体大小使用百分比,例如元素的宽度和高度,但这是行不通的。

还是手动计算和设置字体大小的最佳方法?

1 个答案:

答案 0 :(得分:-1)

使用javascript,您可以相应地更改字体大小

document.getElementById('svgID')。style.fontSize =“ 25px”;