Урок-1. “Принципи використання векторної графіки при верстці сторінки”

1.Елемент <svg>

Fresh food

2.Елемент <rect>

3.Елемент <circle>

4.Елемент <ellipse>

5.Елемент <line>

6.Елемент <polygon>

7.Елемент <path>

8.Елемент <g> ПРИКЛАД-1

background

9.Елемент <g> ПРИКЛАД-2

10-1.Елемент <symbol> ПРИКЛАД-1
(перевикористання SVG)

Елемент <symbol> ПРИКЛАД-1

10-2.Елемент <use>: перевикористання SVG
за допомогою елемента <symbol> ПРИКЛАД-1

Елемент <use> - перевикористання SVG

11-1.Елемент <symbol> ПРИКЛАД-2
(перевикористання SVG)

Елемент <symbol> ПРИКЛАД-2

11-2.Елемент <use>: перевикористання SVG
за допомогою елемента <symbol> ПРИКЛАД-2

Елемент <use> - перевикористання SVG

12.SVG-документ

ПРИКЛАД - icon.svg

13.Файл icon.svg

Файл_icon.svg

14.Оформлення фігур шляхом перевикористання

15.IconMoon App

https://icomoon.io/app/#/select

16.Файли instagram.svg
та instagram-omg.svg by svgomg
як зображення <img />

Файл instagram.svg Файл instagram-omg.svg

17.Код файла instagram.svg як SVG-документ в HTML

0.Заголовок