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开发的应用页面非常多时如何高效管理路由
android·flutter·路由·页面管理·routes·ongenerateroute
Zsnoin能2 天前
flutter国际化、主题配置、视频播放器UI、扫码功能、水波纹问题
flutter
早起的年轻人2 天前
Flutter CupertinoNavigationBar iOS 风格导航栏的组件
flutter·ios
HappyAcmen2 天前
关于Flutter前端面试题及其答案解析
前端·flutter
coooliang2 天前
Flutter 中的单例模式
javascript·flutter·单例模式
coooliang2 天前
Flutter项目中设置安卓启动页
android·flutter
JIngles1232 天前
flutter将utf-8编码的字节序列转换为中英文字符串
java·javascript·flutter
B.-2 天前
在 Flutter 中实现文件读写
开发语言·学习·flutter·android studio·xcode
freflying11192 天前
使用jenkins构建Android+Flutter项目依赖自动升级带来兼容性问题及Jenkins构建速度慢问题解决
android·flutter·jenkins
机器瓦力3 天前
Flutter应用开发:对象存储管理图片
flutter