Tiny.js

圆角矩形

你可以使用 drawRoundedRect 方法来创建圆角矩形，最后一个参数 cornerRadius 就是圆角值（像素）。

drawRoundedRect(x, y, width, height, cornerRadius)

下面创建一个圆角半径是10像素的黄色圆角矩形：

var roundRect = new Tiny.Graphics();
roundRect.lineStyle(4, 0x99CCFF, 1);
roundRect.beginFill(0xFF9933);
roundRect.drawRoundedRect(0, 0, 84, 36, 10);
roundRect.endFill();

注意

  • cornerRadius 取值应低于 Math.min(width, height) / 2，如果超出可能会出现怪异的图形，以实际效果直到满足预期为准。

← 星形 →