美文网首页
Flutter 轨迹画线

Flutter 轨迹画线

作者: 久仰_1d3e | 来源:发表于2024-04-29 17:25 被阅读0次

///

/// 轨迹线类

///

class MoreLine CustomPainter {

final List?points;

final Color?color;

 final double?myW;

  final double?myH;

  MoreLine(this.myH, this.myW, this.points, {this.color});

  @override

  void paint(Canvas canvas, Size size) {

final Path path =Path();

    if (points?.length ==0) return;

    final paint =Paint()

..color =color ?? Colors.red

      ..style = PaintingStyle.stroke

      ..strokeWidth =1.5;

    bool first =true;

    for (Offset pointin points!) {

if (first) {

path.moveTo(point.dx *myW!, point.dy *myH!);

        first =false;

      }else {

path.lineTo(point.dx *myW!, point.dy *myH!);

      }

}

// 如果多边形是闭合的,添加close()调用

    path.close();

    canvas.drawPath(path, paint);

  }

@override

  boolshouldRepaint(covariant MoreLine oldDelegate) {

return color != oldDelegate.color;

  }

}

///轨迹线的调用

CustomPaint(

size: Size(wr, hr),

  painter: MoreLine(

 mark_hr,

    mark_wr,

    logic.pointsAlien,

    color: logic.isFrosted

? Colors.red?.withOpacity(0.3)

: Colors.red,

  ),

)

相关文章

  • svg,canvas波浪效果及svg的path学习记录

    svg主要是利用animate 的 attributeName="d"来改变轨迹 svg常用的M(移动),L(画线...

  • 书写白板

    应用需求 通过触摸轨迹在屏幕上书写内容,其他功能都是围绕书写内容进行的,例如:两点拖拽,两点缩放,擦除. 画线部分...

  • flutter-心形轨迹动画

    右边半个心❤边缘轨迹

  • 画线

    看着马路上为规范车辆行驶而画出的线,我有一瞬间感觉自己被某种潜在的恶意所束缚。 看着前排车辆突然亮起的红色尾灯,我...

  • 画线

    使用CAShapeLayer和UIBezierPath在UIView上画线。

  • 画线

    http://www.cnblogs.com/ygm900/archive/2013/07/02/3167334....

  • 画线

    如何为你的UIView添加边缘分割线 相遇相识相恋相濡以末5楼 · 2016.04.15 15:31 为什么要用r...

  • iOS 高德地图运动轨迹

    关于运动轨迹,之前研究了一下,发现其实就是对地图定位的记录以及画线,以高德地图为例,高德地图封装了各种各样的方法且...

  • Swift实现高德地图行程详情地图标注,画点,画线,缩放级别自适

    最近做的一个共享出行的项目中,有一个行程详情的界面,就是把自己的行程轨迹显示在地图上,需要用到地图的标注,画线,和...

  • flutter 实现按轨迹移动与旋转

    最终效果: 完成需要三个要素: 1.画一条贝塞尔曲线。 2.根据贝塞尔计算小车的移动轨迹。 3.计算小车的角度。 ...

网友评论

      本文标题:Flutter 轨迹画线

      本文链接:https://www.haomeiwen.com/subject/rtztfjtx.html