Der vielleicht beste Weg, SVG zu verwenden, ist "Inline-SVG" - das heißt, SVG-Code direkt in Ihren HTML-Code einzufügen. Es funktioniert super!
Siehe den Pen gpcDi von Chris Coyier (@chriscoyier) auf CodePen.
In vielen dieser Serien geht es um all die großartigen Dinge, die Sie mit Inline-SVG tun können. Deshalb wollte ich ganz klar sagen, was es ist und wie es funktioniert.
Wenn Sie sich Sorgen machen, dass der gesamte Code in Ihrem HTML-Code enthalten ist, wissen Sie Folgendes:
- Das hat manchmal Vorteile (schnell!)
- Es gibt Möglichkeiten, es extern zu machen (auch schnell!)