books

2023-12-16 12:40:32 +08:00
parent ab2778a22b
commit 01fdf966c5
593 changed files with 8995 additions and 27753 deletions
--- a/assets/draw/p02/s02.dart
+++ b/assets/draw/p02/s02.dart
@@ -0,0 +1,115 @@
+import 'package:flutter/material.dart';
+
+class Paper extends StatelessWidget {
+  const Paper({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.white,
+      child: CustomPaint(
+        // 使用CustomPaint
+        painter: PaperPainter(),
+      ),
+    );
+  }
+}
+
+class PaperPainter extends CustomPainter {
+  @override
+  void paint(Canvas canvas, Size size) {
+    // drawStrokeCap(canvas);
+    // drawStrokeJoin(canvas);
+    drawStrokeMiterLimit(canvas);
+  }
+
+  // 测试 strokeCap 属性
+  void drawStrokeCap(Canvas canvas) {
+    Paint paint =  Paint();
+    paint
+      ..style = PaintingStyle.stroke
+      ..color = Colors.blue
+      ..strokeWidth = 20;
+    canvas.drawLine(
+        Offset(50, 50), Offset(50, 150), paint..strokeCap = StrokeCap.butt);
+    canvas.drawLine(Offset(50 + 50.0, 50), Offset(50 + 50.0, 150),
+        paint..strokeCap = StrokeCap.round);
+    canvas.drawLine(Offset(50 + 50.0 * 2, 50), Offset(50 + 50.0 * 2, 150),
+        paint..strokeCap = StrokeCap.square);
+
+    //测试线
+    canvas.drawLine(
+        Offset(0, 50),
+        Offset(1600, 50),
+        paint
+          ..strokeWidth = 1
+          ..color = Colors.cyanAccent);
+    canvas.drawLine(
+        Offset(0, 150),
+        Offset(1600, 150),
+        paint
+          ..strokeWidth = 1
+          ..color = Colors.cyanAccent);
+  }
+
+  // 测试 strokeJoin 属性
+  void drawStrokeJoin(Canvas canvas) {
+    Paint paint =  Paint();
+    Path path =  Path();
+    paint
+      ..style = PaintingStyle.stroke
+      ..color = Colors.blue
+      ..strokeWidth = 20;
+    path.moveTo(50, 50);
+    path.lineTo(50, 150);
+    path.relativeLineTo(100, -50);
+    path.relativeLineTo(0, 100);
+    canvas.drawPath(path, paint..strokeJoin = StrokeJoin.bevel);
+
+    path.reset();
+    path.moveTo(50 + 150.0, 50);
+    path.lineTo(50 + 150.0, 150);
+    path.relativeLineTo(100, -50);
+    path.relativeLineTo(0, 100);
+    canvas.drawPath(path, paint..strokeJoin = StrokeJoin.miter);
+
+    path.reset();
+    path.moveTo(50 + 150.0 * 2, 50);
+    path.lineTo(50 + 150.0 * 2, 150);
+    path.relativeLineTo(100, -50);
+    path.relativeLineTo(0, 100);
+    canvas.drawPath(path, paint..strokeJoin = StrokeJoin.round);
+  }
+
+  // 测试 strokeMiterLimit 属性
+  void drawStrokeMiterLimit(Canvas canvas) {
+    Paint paint =  Paint();
+    Path path =  Path();
+    paint
+      ..style = PaintingStyle.stroke
+      ..color = Colors.blue
+      ..strokeJoin = StrokeJoin.miter
+      ..strokeWidth = 20;
+    for (int i = 0; i < 4; i++) {
+      path.reset();
+      path.moveTo(50 + 150.0 * i, 50);
+      path.lineTo(50 + 150.0 * i, 150);
+      path.relativeLineTo(100, -(40.0 * i + 20));
+      canvas.drawPath(path, paint..strokeMiterLimit = 2);
+    }
+
+    for (int i = 0; i < 4; i++) {
+      path.reset();
+      path.moveTo(50 + 150.0 * i, 50 + 150.0);
+      path.lineTo(50 + 150.0 * i, 150 + 150.0);
+      path.relativeLineTo(100, -(40.0 * i + 20));
+      canvas.drawPath(
+          path,
+          paint
+            ..strokeMiterLimit = 3);
+    }
+  }
+
+  @override
+  bool shouldRepaint(CustomPainter oldDelegate) => false;
+}