1. Атрибуты rx и ry: Raphael.js предоставляет метод rectдля рисования прямоугольников. Вы можете указать атрибуты rxи ryдля создания закругленных углов. Значения rxи ryопределяют горизонтальный и вертикальный радиусы закругленных углов соответственно.

var paper = Raphael("canvas", 400, 200);
var rect = paper.rect(50, 50, 200, 100, 10);

<старый старт="2">
Метод

Element.attr(). Вы также можете использовать метод attrдля установки или изменения атрибутов существующего прямоугольного элемента, включая rxи . ryатрибуты.

var paper = Raphael("canvas", 400, 200);
var rect = paper.rect(50, 50, 200, 100);
rect.attr({
  rx: 10,
  ry: 10
});

3. Метод Element.attr() (связывание). Чтобы еще больше упростить код, вы можете связать метод attrс методом rect.

var paper = Raphael("canvas", 400, 200);
var rect = paper.rect(50, 50, 200, 100).attr({
  rx: 10,
  ry: 10
});

Эти методы позволяют создавать прямоугольники со скругленными углами с помощью Raphael.js. Не забудьте включить библиотеку Raphael.js в свой HTML-файл, чтобы эффективно использовать эти методы.