Qform DSL knowledge base

<svg> ×6 в коде

Оформление (HTML)

SVG-векторная графика (используется для встроенных иконок дашборда)

Может содержать 1

ТегОписаниеВключений здесь
Оформление (HTML) 1 · включений здесь: 7
<path> SVG-путь — описание контура векторной графики 7

Может встречаться внутри 1

ТегОписаниеВключений здесь
Оформление (HTML) 1 · включений здесь: 6
<div> HTML div-контейнер (для встраивания произвольной разметки, обычно в дашбордах) 6

Атрибуты 4

АтрибутОписаниеЗначения
(без группы) 2 · включений: 12
fill
×6 · пример

SVG-атрибут fill — цвет заливки по умолчанию (none/цвет)
none
viewBox
×6 · пример

SVG-атрибут viewBox — границы рисования (min-x min-y width height)
0 0 14 160 0 18 160 0 14 130 0 18 180 0 18 10
Размеры 2 · включений: 12
height
×6 · пример

Высота SVG-контейнера (px)
16131810
width
×6 · пример

Ширина SVG-контейнера (px)
1418

Примеры из реального кода 1

@width @height @viewBox @fill packages/system_dashboard/includes/pyramid.inc:9
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M8.05469 3.04297C7.75 3.34766 7.39844 3.5 7 3.5C6.60156 3.5 6.25 3.34766 5.94531 3.04297C5.64062 2.73828 5.48828 2.38672 5.48828 1.98828C5.48828 1.58984 5.64062 1.25 5.94531 0.96875C6.25 0.664062 6.60156 0.511719 7 0.511719C7.39844 0.511719 7.75 0.664062 8.05469 0.96875C8.35938 1.25 8.51172 1.58984 8.51172 1.98828C8.51172 2.38672 8.35938 2.73828 8.05469 3.04297ZM13.3633 3.5L13.75 5.01172C12.5781 5.33984 11.0781 5.58594 9.25 5.75V15.4883H7.73828V10.9883H6.26172V15.4883H4.75V5.75C2.92188 5.58594 1.42188 5.33984 0.25 5.01172L0.636719 3.5C2.46484 3.99219 4.58594 4.23828 7 4.23828C9.41406 4.23828 11.5352 3.99219 13.3633 3.5Z"
    fill="#E0E0E0" />
</svg>