vendredi 5 décembre 2014

SVG Sprites mit Google Chrome - wie?

Ich versuche schon seit LÄNGEREM Chrome dazu zu bewegen ein Bild aus einem SVG Sprite anzuzeigen. Wichtig ist mir dabei per Fragmented Identifier. Ich habe es zwar schon hinbekommen über Koordinaten (ich nenne es mal so) die SVGs einzubinden, jedoch hat es entscheidende Nachteile. Da z.B. die 20 Grafiken im Sprite 320px breit sind, werden mehrere Bilder angezeigt, wenn das Element breiter ist als das einzelne Bild. Skalieren ist so auch nicht mehr möglich.



Die "normale" Variante zum Einbau von Grafiken mit Fragmented Identifiers funktioniert in Chrome bekanntlich nicht (FF und IE schon). Dann stoß ich zufällig auf diesen Eintrag der Seite can i use, was mir neue Hoffnung machte.



Dort wird vermerkt, dass es mit Chrome geht, wenn man view Elemente verwendet. Dies habe ich jetzt umgesetzt, dennoch bekomme ich es mit Chrome nicht hin. In Firefox und IE funktioniert es mal wieder, doch Chrome nimmt immer nur das erste Bild (view). Ich habe mein Beispiel-Projekt mal im Anhang hinzufügt. Vielleicht hat jemand von euch eine Idee, was ich noch machen könnte.


Angehängte Dateien







SVG Sprites mit Google Chrome - wie?

Aucun commentaire:

Enregistrer un commentaire