2016-08-01 78 views
2

Ich erzeuge ein SVG in einem web app und ermöglicht Benutzern, es zu speichern; Der SVG bettet die Stile in die Kopfzeile des Bildes ein.SVG Styling nicht in Illustrator

Wenn ein Benutzer öffnet sie in ihrem Browser (Prüfung in Chrome) es richtig stylen: enter image description here

in Illustrator Allerdings scheint es, die Stile werden nicht angewendet: enter image description here

Was bin ich fehlt ? Laden Sie das aktuelle SVG here herunter.

+0

bitte erstellen Sie eine [MCVE] mit dem Schwerpunkt auf minimal hier. –

Antwort

2

Das Problem ist wirklich mit Illustrator SVG-Importeur.

Sie haben wahrscheinlich zwischen zwei Lösungen zur Auswahl:

  1. Benutzer sagen, dass SVGs gespeichert wurden, nicht mit einigen Programmen arbeiten (wie Illustrator)

  2. Ändern Sie bitte Ihre Codediagramm Erzeugungs, so dass es verlässt sich nicht auf CSS-Klassen.

    Zum Beispiel: die Elemente ändern, verwenden

    class="link" 
    

    Um stattdessen die Stileigenschaften explizit festgelegt:

    fill="none" stroke="#aaa" stroke-width="2px" 
    

Oder vielleicht können Sie ein Skript auf dem Netz irgendwo finden, die funktioniert Dies für dich.

+0

Wie Sie vorgeschlagen haben, habe ich den .link Stil inline gesetzt - das bringt mich "nah genug" auf der Illustrator-Seite. Für diejenigen, die danach suchen, wird das [folgende] Skript (https://github.com/lukehorvat/computed-style-to-inline-style/blob/master/test.js) alle Ihre CSS-Stile inline einbinden. – Constantino