Від автора: У даній статті ми розглянемо основи SVG: групи. Групи або тег в SVG за значенням схоже
Так само як і з
На виході отримаємо:
Всі трансформації з групами також успадковуються дочірніми елементами.
Але, на відміну від
І знову як з
#svg-container {
fill: hsl(45,80%,80%);
stroke: rgba(0,0,0,0.3);
stroke-width: 10px;
}
На виході отримуємо:
(І в точності як при CSS спадкування, всі правила, що застосовуються безпосередньо до елементів, переписують стилі від батьківських елементів при конфліктах)
І, нарешті, на відміну від
Adobe Illustrator і схожі візуальні редактори зазвичай «перевантажують» SVG-файл при збереженні тонною непотрібних груп (пов’язаних, як правило, з різними верствами). Щоб позбавитися від зайвих груп, зведіть шари, перш ніж зберігати файл; або ж під час минификации з допомогою програми SVGoMG можна видалити зайві теги.