飘扬的定制快船半径八根

Question

我试图弄清快船的形状，但这是不可能的。我尝试使用路径。ARCTOPONT属性，但我认为我不太了解它如何在路径上添加半径。只有弧线属性？

我把我的快船课和代码打电话给快船：

ClipPath(
  clipper: Clipper(points: 8),
  child: Container(
    height: 150,
    width: 150,
    decoration: BoxDecoration(
      color: Color.red,
    ),
    child: Center(child: Text('1'),
  ),
);

class Clipper extends CustomClipper<Path> {

Clipper({this.points = 8});

/// The number of points of the star
 final int points;

@override
Path getClip(Size size) {
 double width = size.width;
 double halfWidth = width / 2;

 double bigRadius = halfWidth;

 double radius = halfWidth / 1.25;

 double degreesPerStep = _degToRad(360 / points);

 double halfDegreesPerStep = degreesPerStep / 2;

 var path = Path();

 double max = 2 * math.pi;

 path.moveTo(width, halfWidth);

 for (double step = 0; step < max; step += degreesPerStep) {
   path.lineTo(halfWidth + bigRadius * math.cos(step), halfWidth + bigRadius * math.sin(step));
   path.arcToPoint(
      Offset(
        halfWidth + bigRadius * math.cos(step),
        halfWidth + bigRadius * math.sin(step),
      ),
      radius: const Radius.circular(50));
  path.lineTo(halfWidth + radius * math.cos(step + halfDegreesPerStep), halfWidth + radius * math.sin(step + halfDegreesPerStep));
  path.arcToPoint(
      Offset(
        halfWidth + radius * math.cos(step + halfDegreesPerStep),
        halfWidth + radius * math.sin(step + halfDegreesPerStep),
      ),
      radius: const Radius.circular(50));
 }

 path.close();
 return path;
}

double _degToRad(num deg) => deg * (math.pi / 180.0);

@override
bool shouldReclip(CustomClipper<Path> oldClipper) {
  Clipper oldie = oldClipper as Clipper;
  return points != oldie.points;
}
}

谢谢