星形

比原生 API 多个优势,你可以直接通过 drawStar 方法来创建星形。

drawStar(x, y, points, radius, innerRadius, rotation = 0);
  • x/y 位置定义的是星形的中心点
  • points 定义星形的角个数,比如:五角形就是 5,六芒星就是 6
  • radius/innerRadius 定义星形的大小和“胖瘦”
  • rotation 定义星形的旋转角度,默认是 0

下面创建一个位置在 {x: 100, y: 100} 的五角形:

// 无填充
var star = new Tiny.Graphics();
star.lineStyle(2, 0xFF6600, 1);
star.drawStar(100, 100, 5, 50, 25);

// 有颜色填充
var star = new Tiny.Graphics();
star.beginFill(0xFFFF00);
star.lineStyle(2, 0xFF6600, 1);
star.drawStar(100, 100, 5, 50, 25);
star.endFill();