Javascript SVG：缩放SVG文档时如何缩放字体大小？

诸如、和关于SVG缩放的问题没有帮助

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

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

目前，我们手动重新计算每个比例的字体大小。如果在原来的500x1000大小时字体大小为20，则在缩小到250x500时，我们将字体大小更改为10

在编辑250x500版本时，用户可能会重新定位或旋转元素，因此我们对使用“缩放变换”属性持谨慎态度

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

有没有更好的方法来缩放字体大小？理想情况下，我们可以使用字体大小的百分比，比如元素的宽度和高度，但这不起作用

---

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

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

---

document.getElementById'svgID'.style.fontSize=25px

我想说你不需要缩放字体。为了确保我需要查看您的代码。它的简化版本。您需要的是元素的vewBox属性，例如vewBox=0 250 500。viewBox属性以用户单位定义SVG视口的大小和位置。当您将元素的大小从250x500调整到500x1000时，视口仍然是250x500个用户单位。如果有一个用户单位，则相当于1px。如果这样做：SVG的宽度仍然是250个用户单位，但一个用户单位相当于2px。字体大小是以用户单位定义的，尽管您在CSS中这样定义：字体大小：16px