诸如this,this,this,this和this之类的问题对于SVG缩放没有帮助。
缩放SVG文档时缩放字体大小的最佳方法是什么?
假设原始SVG文档为500x1000。为了适合我们的设计视口,我们将文档缩放到250x500,并允许用户进行一些编辑,例如重新定位和更改文本。编辑完成后,我们将比例缩小为500x1000,然后导出为PNG图像。
当前,我们以每个比例手动重新计算字体大小。如果原始大小为500x1000时字体大小为20,则当缩小到250x500时我们会将字体大小更改为10。
我们乐于使用scale transform
属性,因为用户可以在编辑250x500版本时重新定位或旋转元素。
我们需要500x1000版本才能与250x500版本成比例。
是否有更好的缩放字体大小的方法?理想情况下,我们可以对字体大小使用百分比,例如元素的宽度和高度,但这是行不通的。
还是手动计算和设置字体大小的最佳方法?
答案 0 :(得分:-1)
使用javascript,您可以相应地更改字体大小
document.getElementById('svgID')。style.fontSize =“ 25px”;