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...

相关推荐
月光下的丝瓜1 天前
Flutter 国内安装指南
前端·flutter
恋猫de小郭3 天前
Amper 正式转正 Kotlin Toolchain ,Gradle 未来何去何从
android·前端·flutter
张风捷特烈3 天前
Flutter 类库大揭秘#02 | path_provider 各平台实现
前端·flutter
TT_Close4 天前
别劝退了!5秒搞定 Flutter 鸿蒙 FVM 起跑线
flutter·harmonyos·visual studio code
你听得到114 天前
用户说 App 卡,但说不清在哪?我把 Flutter 监控 SDK 升级成了链路观测工作台
前端·flutter·性能优化
stringwu6 天前
Flutter 开发必备:MVI 架构的高效实现指南
前端·flutter
程序员老刘7 天前
Flutter版本选择指南:3.44系列继续观望 | 2026年6月
flutter·ai编程·客户端
用户965597361908 天前
Provider vs Bloc vs GetX vs Riverpod:Flutter 状态管理方案怎么选?
flutter
恋猫de小郭8 天前
Flutter Patchwork,不用 Fork 改依赖包源码的第三方工具
android·前端·flutter
程序员老刘9 天前
跑分第一的编程大模型,我为啥不用?
flutter·ai编程·vibecoding