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

相关推荐
sunly_9 小时前
Flutter:父组件,向子组件传值,子组件向二级页面传值
flutter
爱学习的绿叶13 小时前
flutter TabBarView 动态添加删除页面
flutter
趴菜小玩家15 小时前
使用 Gradle 插件优化 Flutter Android 插件开发中的 Flutter 依赖缺失问题
android·flutter·gradle
jhonjson1 天前
Flutter开发之flutter_local_notifications
flutter·macos·cocoa
iFlyCai2 天前
23种设计模式的Flutter实现第一篇创建型模式(一)
flutter·设计模式·dart
恋猫de小郭2 天前
Flutter 小技巧之 OverlayPortal 实现自限性和可共享的页面图层
flutter
A_cot2 天前
Vue.js:构建现代 Web 应用的强大框架
前端·javascript·vue.js·flutter·html·web·js
B.-2 天前
在 Flutter 应用中调用后端接口的方法
android·flutter·http·ios·https
️ 邪神2 天前
【Android、IOS、Flutter、鸿蒙、ReactNative 】约束布局
android·flutter·ios·鸿蒙·reactnative
pinkrecall20122 天前
flutter调试
flutter