svg wird nur innerhalb von Inkscape korrekt gerendert

Ich habe ein Objekt mit Inkscape erstellt und darüber ein Überlagerungsobjekt (Mischmodus) hinzugefügt. Das Problem ist, dass ich außerhalb von Inkscape (andere Editoren usw.) nur die Überlagerung und nicht die Kombination der beiden Objekte sehen kann. Gibt es eine Möglichkeit, dies zu beheben? Ich nehme an, dass der Mischmodus des Overlays automatisch normal wird.

Dies ist ein Beispiel. Die richtige Farbe des Quadrats ist rosa, aber in vielen Editoren oder Webseiten wird es rot dargestellt.

Hallo. Willkommen bei GDSE. Dies ist ohne Zugriff auf das SVG oder die anderen von Ihnen verwendeten Editoren schwer zu beantworten. Nicht alle Vektorbild-Editoren unterstützen SVG in gleichem Maße wie Inkscape. Erwägen Sie vielleicht, die Datei auf SVGshare.com zu teilen, und wir können prüfen, ob etwas offensichtlich falsch ist.
Hallo, ich habe die Frage mit einem Beispiel aktualisiert, bitte überprüfen Sie es.
Mit SVG erben Sie die Probleme der Xonparibility-Programmierer. Sie müssen die Tatsache akzeptieren, dass nicht alle Renderer und Editoren auf dem gleichen Reife-/Funktionslevel sind. Sie haben die Wahl, einen Fallback zu verwenden oder zu akzeptieren, dass Sie weniger Funktionen verwenden müssen. Und es gibt nichts, was Sie dagegen tun können.

Antworten (2)

Wie Joojaa in Kommentaren erwähnte, kann jeder Renderer oder Editor SVG-Filter anders interpretieren. Die beste Lösung besteht darin, den Filter zu "glätten" (wenn Ihr Filter Blau zu Pink werden lässt, füllen Sie Ihr Objekt stattdessen mit Pink).

Ich habe mir dein SVG angesehen. Beim Öffnen in Inkscape 1.0 kann ich keine Hinweise auf Mischmodi sehen, obwohl ich es sehen kann, wenn ich das XML untersuche. Welche Version von Inkscape verwendest du?

SVG-Mischmodi waren früher etwas zweifelhaft mit lückenhafter Unterstützung in Browsern, aber moderne Browser scheinen jetzt SVG-Ebenen mit Mischmodi zu unterstützen. Ziehen Sie vielleicht in Betracht, die zu mischende Form auf eine eigene Ebene zu verschieben, und stellen Sie dann den Mischmodus der Ebene ein. Ich habe dies getestet und es scheint mit Inkscape 1.0 zu funktionieren und das SVG in Chrome, Firefox und MS Edge anzuzeigen. Hier ist ein Beispiel

Dies bedeutet natürlich nicht, dass das SVG in anderen Vektorbild-Editoren, die aktuelle SVG-Standards möglicherweise nicht in gleichem Maße wie Inkscape oder moderne Webbrowser unterstützen, korrekt gerendert wird. Zum Beispiel wird das SVG, mit dem ich verlinkt habe, in Adobe Illustrator 2018 nicht richtig gerendert. Illustrator ist jedoch berüchtigt für seine schlechte SVG-Unterstützung.

Ich habe versucht, eine Ebene als Überlagerung zu verwenden, aber das Ergebnis ist dasselbe. Außerdem werden Farben in Chrome und Firefox unterschiedlich gerendert ... Ich denke, die beste Option ist, diese Funktion vorerst zu vergessen, da sie sich in jedem Browser anders verhält ... Die von mir verwendete Inkscape-Version ist ebenfalls 1.0
@christk - Die Farben sollten in verschiedenen Browsern nicht unterschiedlich dargestellt werden. Hier ist ein Screenshot der SVG, die ich in Firefox, Chrome und MS Edge angesehen habe. Ich habe die Farben im Überlagerungsbereich überprüft, indem ich die Farben in Photoshop abgetastet habe, und sie sind in allen 3 Browsern genau gleich.