Возможно, лучший способ использовать SVG - это «встроенный SVG», то есть размещение кода SVG прямо в HTML. Отлично работает!
См. Pen gpcDi Криса Койера (@chriscoyier) на CodePen.
Большая часть этой серии будет посвящена всем замечательным вещам, которые вы можете делать с помощью встроенного SVG, поэтому я хотел очень четко понять, что это такое и как работает.
Если вас беспокоит, что весь этот код находится в вашем HTML, знайте, что:
- Иногда в этом есть свои преимущества (быстро!)
- Есть способы сделать его внешним (тоже быстрым!)