SVG 文本不会在移动浏览器上更新答案

【问题标题】：SVG Text doesn't update on mobile browserSVG 文本不会在移动浏览器上更新
【发布时间】：2016-10-13 04:45:02
【问题描述】：

我正在为我的 android 应用程序使用 Ionic 框架。

在我的索引上，我有一个沿路径的 SVG 文本，该路径将在单击按钮时使用新文本进行更新。在离子服务器上，它可以正常工作，但是当我上传到模拟器时，文本不再更新。

这是我的代码：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg" width="240px" height="63px" viewBox="-36.745 72.133 245.331 23.568">
    <defs>
        <path id="MyPath" d="M-36.745,89.659c0,0,17.786,8.625,51.934,0.671c0,0,97.811-22.88,152.395-14.463c0,0,20.615,5.33,40.871,15"/>
    </defs>
    <text>
        <textPath class="svgText" xlink:href="#MyPath"> 
            SVG TEXT THAT NEED UPDATE
        </textPath>
    </text>
</svg>
==========

<button id="cardApply" ng-click="updateText()">Update</button>

==========
updateText = function($title){
    var svgNewTitle = $title;

    $('.svgText').html(svgNewTitle);

};

请忽略我没有使用 Angular 的“好东西”这一事实，我对它的“方式”不熟悉，无法使其正常工作。 Jquery 是使它工作的唯一方法。

SVG 文本不会在 Android 浏览器上更新。

【问题讨论】：

@RobertLongson 像这样：$('.svgText').textContent(svgNewTitle)??在桌面上它会引发错误..
我也试过 $('.svgText').textContent = svgNewTitle;但效果不佳...... :(
感谢@RobertLongson worket 就像一个魅力！ :D :D 非常感谢！

标签： javascript android jquery svg ionic-framework

【解决方案1】：

你想这样写

$('.svgText')[0].textContent = svgNewTitle;

这比尝试使用 .html() 函数更便携。 [0] 将 jQuery 对象转换为原始 DOM 对象。

【讨论】：

您知道如何在这里解决这个问题吗？ stackoverflow.com/questions/39983568/…我完全迷路了.. :/
我认为您最好再问一个问题，说明您仍然需要帮助解决哪个问题。尽量缩小范围，并展示你在解决这个问题方面的进展程度，你更有可能得到答案。