如何缩放SVG矩形以适合svg文本元素

Question

所以这就是问题所在：

我正在尝试创建包含文本的动态按钮。文本将动态生成，因此svg对象不知道文本的大小。我有两件事要做，我希望SVG能做到这一点

首先，我希望svg元素的左右边缘保持不变，即使我水平缩放元素

问题是我必须在svg上设置宽度，否则在显示页面时它不会显示。同样在Home和blog按钮上，您可以看到边缘已压缩。无论元素中有多少文本，我都希望边缘保持不变。

即使使用javascript .getComputedTextLength()

，我也似乎无法正确设置比例或宽度

任何帮助或正确方向上的一点都会非常有帮助

Answer 1

根据文本内容调整大小的按钮是可以使用Raphael的getBBox（）处理的功能 使用此js库意味着您隐式使用SVG或VML，并且通过引用此JavaScript库可以更轻松地解决此功能 要查看运行中的getBBox（）函数，您可以访问此处的Autobox示例：

http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2