Flutter笔记:完全基于Flutter绘图技术绘制一个精美的Dash图标(中)

Flutter笔记 完全基于Flutter绘图技术绘制一个精美的Dart语言吉祥物Dash(中)


作者李俊才 (jcLee95)blog.csdn.net/qq_28550263
邮箱 : 291148484@163.com
本文地址blog.csdn.net/qq_28550263...


【介绍】:本文完全基于Flutter绘图技术绘制一个精美的Dash图标(中)。

目 录* * *

什么也不用多说了,今天我是来炫技的。完全基于Flutter绘图技术绘制一个精美的Dart吉祥物Dash

另见上一篇文章:《Flutter笔记:完全基于Flutter绘图技术绘制一个精美的Dash图标(上)》

另见下一篇文章:《Flutter笔记:完全基于Flutter绘图技术绘制一个精美的Dash图标(下)》 后续说明。


由于字数限制,分两篇文章,完全基于 Flutter 绘图技术,绘制以下图片,最后进行说明:

(接续上一篇博文)

dart 复制代码
    final paint117 = Paint()
      ..color = const Color(0xFF8ed0e2)
      ..style = PaintingStyle.fill
      ..strokeWidth = 1;

    var path117 = Path();
    path117.moveTo(472.73, 41.75);
    path117.quadraticBezierTo(474.02, 46.58, 473.57, 51.90);
    path117.quadraticBezierTo(472.05, 47.16, 472.73, 41.75);
    path117.close();

    canvas.drawPath(path117, paint117);

    final paint118 = Paint()
      ..color = const Color(0xFFffffff)
      ..style = PaintingStyle.fill
      ..strokeWidth = 1;

    var path118 = Path();
    path118.moveTo(517.73, 43.82);
    path118.quadraticBezierTo(516.48, 55.01, 516.11, 47.98);
    path118.quadraticBezierTo(516.30, 44.16, 517.73, 43.82);
    path118.close();

    canvas.drawPath(path118, paint118);

    final paint119 = Paint()
      ..color = const Color(0xFF8ed0e2)
      ..style = PaintingStyle.fill
      ..strokeWidth = 1;

    var path119 = Path();
    path119.moveTo(509.80, 46.83);
    path119.quadraticBezierTo(511.21, 49.78, 510.10, 52.90);
    path119.quadraticBezierTo(508.89, 49.55, 509.80, 46.83);
    path119.close();

    canvas.drawPath(path119, paint119);

    final paint120 = Paint()
      ..color = const Color(0xFFffffff)
      ..style = PaintingStyle.fill
      ..strokeWidth = 1;

    var path120 = Path();
    path120.moveTo(491.94, 52.93);
    path120.lineTo(491.97, 53.55);
    path120.quadraticBezierTo(492.05, 54.87, 491.64, 53.61);
    path120.quadraticBezierTo(490.85, 51.19, 490.67, 48.51);
    path120.arcTo(Rect.fromLTRB(490.94, 47.97, 491.59999999999997, 48.629999999999995), 0.0, 180.0, false);
    path120.quadraticBezierTo(492.36, 49.87, 492.00, 51.83);
    path120.quadraticBezierTo(491.90, 52.37, 491.94, 52.93);
    path120.close();

    canvas.drawPath(path120, paint120);

    final paint121 = Paint()
      ..color = const Color(0xFFffffff)
      ..style = PaintingStyle.fill
      ..strokeWidth = 1;

    var path121 = Path();
    path121.moveTo(508.36, 51.87);
    path121.quadraticBezierTo(508.94, 52.46, 509.03, 52.98);
    path121.quadraticBezierTo(509.14, 55.01, 508.58, 55.51);
    path121.quadraticBezierTo(508.14, 55.91, 507.96, 55.34);
    path121.quadraticBezierTo(507.23, 53.00, 508.36, 51.87);
    path121.close();

    canvas.drawPath(path121, paint121);

    final paint122 = Paint()
      ..color = const Color(0xFF8ed0e2)
      ..style = PaintingStyle.fill
      ..strokeWidth = 1;

    var path122 = Path();
    path122.moveTo(470.67, 58.41);
    path122.quadraticBezierTo(472.76, 60.72, 474.74, 60.71);
    path122.quadraticBezierTo(475.17, 61.07, 474.55, 61.51);
    path122.arcTo(Rect.fromLTRB(473.08000000000004, 60.8, 474.86, 62.519999999999996), 29.8, 180.0, false);
    path122.quadraticBezierTo(470.66, 61.37, 470.67, 58.41);
    path122.close();

    canvas.drawPath(path122, paint122);

    final paint123 = Paint()
      ..color = const Color(0xFF8ed0e2)
      ..style = PaintingStyle.fill
      ..strokeWidth = 1;

    var path123 = Path();
    path123.moveTo(474.79, 84.64);
    path123.quadraticBezierTo(478.00, 85.44, 477.31, 88.14);
    path123.lineTo(474.85, 87.05);
    path123.lineTo(474.79, 84.64);
    path123.close();

    canvas.drawPath(path123, paint123);

    final paint124 = Paint()
      ..color = const Color(0xFF000000)
      ..style = PaintingStyle.fill
      ..strokeWidth = 1;

★本文未完-由于掘金字数过分严重限制,请在下面地址查看代码:

blog.csdn.net/qq_28550263...

相关推荐
刘志辉9 小时前
vue传参方法
android·vue.js·flutter
去伪存真13 小时前
聊聊Flutter与原生平台通信方式(一)
前端·flutter
Python私教17 小时前
macOS 中搭建 Flutter 开发环境
flutter·macos
明似水21 小时前
掌握 Flutter 中的 `Overlay` 和 `OverlayEntry`:弹窗管理的艺术
javascript·flutter
Flutter社区1 天前
使用 Flutter 3.19 更高效地开发
flutter·dart
Forever不止如此1 天前
【CustomPainter】绘制圆环
flutter·custompainter·圆环
wills7771 天前
Flutter Error: Type ‘UnmodifiableUint8ListView‘ not found
flutter
AiFlutter2 天前
Flutter之Package教程
flutter
Mingyueyixi3 天前
Flutter Spacer引发的The ParentDataWidget Expanded(flex: 1) 惨案
前端·flutter