SVG Text aktualisiert nicht auf mobilen Browser

Ich benutze das Ionic-Framework für meine Android-App.SVG Text aktualisiert nicht auf mobilen Browser

Auf meinem Index habe ich einen SVG-Text entlang eines Pfades, der mit einem neuen Text auf Knopfdruck aktualisiert wird. Auf ionic-Server ist es OK und funktional, aber wenn ich auf den Emulator hochlade, wird der Text einfach nicht mehr aktualisiert.

Hier ist mein Code:

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

};

Bitte ignorieren Sie die Tatsache, dass ich nicht die Angular „Goodies“ bin mit, ich auf seine „Wege“ bin neu und konnte es nicht richtig funktioniert . Jquery war der einzige Weg, um es zum Laufen zu bringen.

Der SVG-Text wird nicht auf einem Android-Browser aktualisiert.

Quelle

2016-10-12 Rafael de Castro

@RobertLongson wie folgt: $ ('. SvgText'). TextContent (svgNewTitle) ?? Auf dem Desktop gibt es einen Fehler .. –

Ich habe auch versucht $ ('. SvgText'). TextContent = svgNewTitle; Aber hat auch nicht ... :( –

DANK @RobertLongson worket wie ein Zauber !!!: D: D Danke soviel –

Sie wollen, dies schreiben als

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

Das ist eher mehr tragbar als zu versuchen, die .html() Funktion zu verwenden. Die [0] konvertiert das jQuery-Objekt in ein rohes DOM-Objekt.

Quelle

2016-10-12 20:01:21

Sie etwas darüber wissen, wie kann ich dieses Problem hier lösen http!? : //stackoverflow.com/questions/39983568/drag-and-resize-image-inside-canvas-mobile Ich bin total verloren ..:/ –

xD Sorry, ich korrigierte das! –

Ich denke, du würdest Stellen Sie besser eine andere Frage und geben Sie an, bei welchem Problem Sie noch Hilfe benötigen. Versuchen Sie, es so eng wie möglich zu gestalten und zeigen Sie, wie weit Sie mit der Lösung gekommen sind, und Sie erhalten eher eine Antwort . –

SVG Text aktualisiert nicht auf mobilen Browser

Antwort

Verwandte Themen