SVGモバイルブラウザでテキストが更新されない

私はアンドロイドアプリにIonicフレームワークを使用しています。SVGモバイルブラウザでテキストが更新されない

私のインデックスでは、ボタンクリック時に新しいテキストで更新されるパスに沿ってSVGテキストがあります。イオンサーバーでOKと機能しますが、エミュレータにアップロードするとテキストは単に更新されません。ここで

は私のコードです：

<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); 

};

ちょうど私がその「方法」への新たなんだし、それが正常に動作させることができなかった、私は角度「グッズ」を使用していないという事実を無視してください。 Jqueryはそれを機能させる唯一の方法でした。

アンドロイドブラウザではSVGテキストは更新されません。

出典

2016-10-12 Rafael de Castro

@RobertLongson このように：$（ '。svgText'）。textContent（svgNewTitle）?? デスクトップではエラーが発生します。 –

私も試しました $（ '。svgText'）。textContent = svgNewTitle; しかし、同様に動作しませんでした... :( –

THANKS @RobertLongson worket魔法のように!!!：D：Dそんなにありがとう –

あなたは.htmlを（）関数を使用しようとするよりも、むしろよりポータブルです

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

としてこれを書きたいです。 [0]はjQueryオブジェクトを生のDOMオブジェクトに変換します。

出典

2016-10-12 20:01:21

あなたは私がここにこの問題を解決する方法については何も知らのhttp！？：//stackoverflow.com/questions/39983568/drag-and-resize-image-inside-canvas-mobile 私は完全に失われています。：/ –

xD申し訳ありませんが、私はそれを修正しました！ –

どの問題が依然として助けを必要としているかを示す別の質問をすることをお勧めします。可能な限り狭くして、この質問で行ったように解決策がどの程度得られたかを示してください。。 –

SVGモバイルブラウザでテキストが更新されない

答えて

関連する問題