[flutter] flutter_svg에서 이미지를 다른 형태로 변형(transform)하는 방법은?
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Transform(
transform: Matrix4.skewY(0.3),
child: SvgPicture.asset(
'assets/image.svg',
height: 200,
width: 200,
),
),
),
),
);
}
}
이 코드에서 Matrix4.skewY
함수를 사용하여 이미지를 y축을 따라 기울일 수 있습니다. 만약 다른 형태로 이미지를 변형시키고 싶다면, Matrix4
클래스의 다양한 메서드를 사용하여 변형을 적용할 수 있습니다.
참고 자료:
- https://pub.dev/packages/flutter_svg
- https://api.flutter.dev/flutter/services/Matrix4-class.html