Html 如何编辑SVG文件中的文本？（非编程方式）

我正在尝试编辑在最近下载的网站模板中找到的.svg文件。
文件代码如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<svg width="52px" height="10px" viewBox="0 0 52 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Stacked</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-size="12" font-family="ProximaNova-Bold, Proxima Nova" font-weight="bold">
        <text id="Stacked" fill="#000000">
            <tspan x="0" y="9">Stacked</tspan>
        </text>
    </g>
</svg>

堆叠
用草图创建。
堆叠

我想要的是简单地修改文本。我希望通过更改文件末尾的TSPAN标记的内部文本来实现这一点。但是，即使我从SVG编辑器中更改文本，也不会发生任何事情

---

所以，我的问题是：实现我的目标的正确方法是什么？甚至可以更改SVG文件中的文本吗？

这是您的代码，它应该可以工作（请运行代码）：

svg{边框：1px实心；溢出：可见}

堆叠
用草图创建。
堆叠编辑

我也会这样做来更改文本！但是模板创建者说，不可能简单地更改文本，他说我必须使用全新的svg图像。更改文件中的文本（就像您所做的那样）不会影响我在浏览器上看到的内容，我甚至尝试完全重建和重新处理我的应用程序。你有什么地方可以让我在我的问题中查到更多有用的信息吗？@moro91谢谢你的评论。可能您的SVG位于更大的上下文中，可能有一个脚本控制tspan的文本内容。感谢您快速而有用的回答。我正在努力研究上下文，这正是我所想的。我会让你不断更新！