fabric.js中的不同边框半径

【问题标题】：Different border radius in fabric.jsfabric.js中的不同边框半径
【发布时间】：2022-11-02 12:02:54
【问题描述】：

我正在尝试使用fabric.js创建矩形，但我希望每个角落都有不同的半径

`
`
var rec = new fabric.Rect({
  width: 100,
  height: 100,
  rx: 24,
  ry:22,
  fill: "",
  stroke: "#000",
});

`

here is the sample code. rx and ry affect all corner. any idea to make it possible

【问题讨论】：

标签： javascript fabricjs

【解决方案1】：

您可以使用以下 CSS 属性，

border-start-start-radius

border-start-end-radius

border-end-start-radius

border-end-end-radius

【讨论】：