103 lines
2.4 KiB
Dart
103 lines
2.4 KiB
Dart
import 'dart:async';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'dart:ui' as ui;
|
|
|
|
import '../components/coordinate_pro.dart';
|
|
|
|
|
|
/// create by 张风捷特烈 on 2020-03-19
|
|
/// contact me by email 1981462002@qq.com
|
|
/// 说明: 纸
|
|
|
|
class Paper extends StatefulWidget {
|
|
const Paper({super.key});
|
|
|
|
@override
|
|
_PaperState createState() => _PaperState();
|
|
}
|
|
|
|
class _PaperState extends State<Paper> {
|
|
ui.Image? _img;
|
|
|
|
bool get hasImage => _img != null;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadImage();
|
|
}
|
|
|
|
void _loadImage() async {
|
|
_img = await loadImageFromAssets('assets/images/wy_200x300.jpg');
|
|
setState(() {});
|
|
}
|
|
|
|
//读取 assets 中的图片
|
|
Future<ui.Image>? loadImageFromAssets(String path) async {
|
|
ByteData data = await rootBundle.load(path);
|
|
return decodeImageFromList(data.buffer.asUint8List());
|
|
}
|
|
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
color: Colors.white,
|
|
child: CustomPaint(
|
|
painter: PaperPainter(_img),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class PaperPainter extends CustomPainter {
|
|
ui.Image? img;
|
|
|
|
PaperPainter(this.img);
|
|
Coordinate coordinate = Coordinate();
|
|
|
|
@override
|
|
void paint(Canvas canvas, Size size) {
|
|
if (img == null) return;
|
|
coordinate.paint(canvas, size);
|
|
canvas.translate(size.width / 2, size.height / 2);
|
|
canvas.translate(-120*2.5 - imgW / 4, -imgH / 4);
|
|
drawMaskFilter(canvas);
|
|
}
|
|
|
|
double get imgW => img!.width.toDouble();
|
|
|
|
double get imgH => img!.height.toDouble();
|
|
|
|
void drawMaskFilter(Canvas canvas) {
|
|
var paint = Paint();
|
|
_drawImage(canvas, paint);
|
|
|
|
paint.maskFilter = MaskFilter.blur(BlurStyle.inner, 20);
|
|
_drawImage(canvas, paint);
|
|
|
|
paint.maskFilter = MaskFilter.blur(BlurStyle.outer, 3);
|
|
_drawImage(canvas, paint);
|
|
|
|
paint.maskFilter = MaskFilter.blur(BlurStyle.solid, 3);
|
|
_drawImage(canvas, paint);
|
|
|
|
paint.maskFilter = MaskFilter.blur(BlurStyle.normal, 3);
|
|
_drawImage(canvas, paint);
|
|
|
|
paint.maskFilter = MaskFilter.blur(BlurStyle.normal, 5);
|
|
_drawImage(canvas, paint);
|
|
}
|
|
|
|
void _drawImage(Canvas canvas, Paint paint) {
|
|
canvas.drawImageRect(img!, Rect.fromLTRB(0, 0, imgW, imgH),
|
|
Rect.fromLTRB(0, 0, imgW / 2, imgH / 2), paint);
|
|
canvas.translate(120, 0);
|
|
}
|
|
|
|
@override
|
|
bool shouldRepaint(CustomPainter oldDelegate) => true;
|
|
}
|