在SVG中提升边界

Question

我正在尝试创建一个随着我输入的文本数量而扩展的SVG。我有三个酒吧，我试图用git config --unset "foo.bar"; # Cleanup empty "foo" section. # Regular expression has a trailing period to avoid testing against # other sections that share the same prefix (e.g. "foo" vs "food"). if ! git config --get-regexp '^foo\.'; then git config --remove-section "foo" 2> /dev/null; fi; 包裹，但酒吧没有融入轮廓，我有一个凸起的边缘：

我已经使用我的SVG代码创建了fiddle，请让我知道如何平滑这些边界。此外，如果有人对如何创建可随文字缩放的SVG按钮有更好的了解，请不要犹豫，让我知道！

＆＃13;

＆＃13;

outline

＆＃13;

body { background-color: #13171a; }
g{
  /*g element expands with text child element, so we'll apply the outline here */
  outline: 1px solid #ffdb00;
}
g text { fill: #fff }

＆＃13;

＆＃13;

＆＃13;