[flutter] flutter_svg에서 이미지에 알파 채널 처리 방법은?

08 Dec 2023

flutter

다음은 flutter_svg를 사용하여 알파 채널을 처리하는 예제입니다:

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';

class AlphaChannelImage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ColorFiltered(
      colorFilter: ColorFilter.mode(
        Colors.blue, 
        BlendMode.srcIn,
      ),
      child: SvgPicture.asset(
        'assets/images/example.svg',
      ),
    );
  }
}

위의 예제에서는 ColorFiltered 위젯을 사용하여 ColorFilter를 적용하고 있습니다. ColorFilter.mode를 사용하여 적용하려는 색상 및 블렌드 모드를 지정할 수 있습니다. 위의 예제에서는 이미지의 알파 채널을 파란색으로 적용하도록 설정하였습니다.

이제 위젯을 빌드하면 이미지에 지정한 색상이 적용된 것을 확인할 수 있을 것입니다.

자세한 내용은 flutter_svg 공식 문서를 참고하시기 바랍니다.

flutter_svg 공식 문서