SVG
Прямоугольник

Android Angular 2 AngularJS CSS HTML Java Language JavaScript jQuery PHP Python Language
Поиск…


параметры

атрибут Описание
Икс Горизонтальное положение прямоугольника с левого края.
Y Вертикальное положение прямоугольника с верхнего края.
ширина Ширина прямоугольника.
рост Высота прямоугольника.
гх Горизонтальный радиус эллипса, используемый для округлых углов прямоугольника
чень Вертикальный радиус эллипса, используемый для круглых углов прямоугольника
Инсульт Цвет прямоугольника.
Ход ширина Ширина границы прямоугольника.
заполнить Цвет внутри границы прямоугольника.

замечания

Подробную информацию о элементе SVG «rect» можно найти в Рекомендации W3C для SVG .

Нарисуйте черный прямоугольник без заливки

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <rect x="10" y="10" width="50" height="100" stroke="black" stroke-width="5" fill="none" />
</svg>

Результат:

введите описание изображения здесь

Нарисуйте черный прямоугольник с желтым заполнителем и закругленными углами

  • Атрибуты width и height обозначают размеры прямоугольника. Эти значения находятся в пикселях по умолчанию
  • Значение fill задает цвет для прямоугольника. Если значение для fill не указано, по умолчанию используется черный 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <rect x="10" y="10" width="50" height="100" rx="10" ry="10" stroke="black" stroke-width="5" fill="yellow" />
</svg>

Результат:

введите описание изображения здесь



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow