边框中topLeftRadiusX和topLeftRadiusY中的X和Y有什么作用？

Question

在某些图形程序中，角半径值为cornerRadiusX和cornerRadiusY。我甚至看过topLeftRadiusX和topLeftRadiusY以及另外六个属性;每个角落2个属性。

例如，有这个FXG / SVG代码，

    <s:Rect id="lowlight" left="1" right="1" top="1" bottom="1" topLeftRadiusX="4" topRightRadiusX="4">
    </s:Rect>

我从未见过topLeftRadiusX和topLeftRadiusY一起使用，但是我再也没见过它们。

它们是什么以及它们如何影响图形？

Answer 1

它们允许您使用椭圆形而不是圆形的圆角。

＆＃13;

＆＃13;

<svg width="100" height="100">
  <rect width="200" height="200" rx="80" />
</svg>

<svg width="100" height="100">
  <rect width="200" height="200" rx="50" ry="80"/>
</svg>

＆＃13;

＆＃13;

＆＃13;