07: Używanie SVG - Inline SVG - CSS-Tricks

Anonim

Być może najlepszym sposobem wykorzystania SVG jest „Inline SVG” - czyli umieszczenie kodu SVG bezpośrednio w HTML. Działa świetnie!

Zobacz Pen gpcDi autorstwa Chrisa Coyiera (@chriscoyier) na CodePen.

Wiele z tej serii będzie dotyczyło wszystkich wspaniałych rzeczy, które można zrobić za pomocą wbudowanego SVG, więc chciałem bardzo jasno określić, co to jest i jak działa.

Jeśli obawiasz się umieszczenia całego kodu w kodzie HTML, wiedz, że:

  1. Czasami ma to swoje zalety (szybko!)
  2. Istnieją sposoby, aby uczynić go zewnętrznym (także szybkim!)