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

相关推荐
SoaringHeart7 小时前
Flutter进阶:高内存任务的动态并发执行完美实现
前端·flutter
吴Wu涛涛涛涛涛Tao7 小时前
Flutter 实现类似抖音/TikTok 的竖向滑动短视频播放器
android·flutter·ios
猪哥帅过吴彦祖8 小时前
Flutter 插件工作原理深度解析:从 Dart 到 Native 的完整调用链路
android·flutter·ios
叽哥1 天前
flutter学习第 18 节:设备功能调用
android·flutter·ios
来来走走1 天前
Flutter 顶部导航标签组件Tab + TabBar + TabController
android·flutter
程序员老刘1 天前
2025 Google 开发者大会 客户端要点速览
flutter·ai编程·客户端
Wakeup1 天前
当Flutter下载依赖慢,运行在Android上卡Running Gradle task ‘assembleDebug...解决方法
flutter
你听得到111 天前
告别重复造轮子!我从 0 到 1 封装一个搞定全场景的弹窗库!
前端·flutter·性能优化
恋猫de小郭2 天前
Flutter 3.35 发布,快来看看有什么更新吧
android·前端·flutter
w_y_fan2 天前
flutter_riverpod: ^2.6.1 应用笔记 (一)
前端·flutter