본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터 SVG 렌더링, Flutter SVG rendering

by 베타코드 2023. 5. 26.
반응형

질문


플러터 애플리케이션에 SVG 소스를 가진 이미지를 추가해 보았습니다.

new AssetImage("assets/images/candle.svg"))

하지만 시각적인 피드백이 없었습니다. Flutter에서 SVG 그림을 렌더링하는 방법은 무엇인가요?


답변


Fonts는 많은 경우에 좋은 옵션입니다.

저는 캔버스에서 SVG를 렌더링하는 라이브러리를 작업하고 있으며, 여기에서 사용할 수 있습니다: https://github.com/dnfield/flutter_svg

현재 API는 다음과 같이 보일 것입니다.

new SvgPicture.asset('asset_name.svg')

asset_name.svg (부모 요소, 예: SizedBox에 맞게 크기 조정)를 렌더링하려면입니다. 또한 colorblendMode를 지정하여 자산을 틴트 처리할 수 있습니다.

이제 pub에서 사용할 수 있으며 Flutter 버전 0.3.6 이상에서 작동합니다. 많은 경우를 처리하지만 모든 경우를 처리하지는 않습니다. 업데이트 및 문제 제기는 GitHub 리포지토리에서 확인하십시오.

Colin Jackson이 참조한 원래 GitHub 문제는 주로 Flutter에서 SVG에 초점을 맞추기 위한 것이 아닙니다. 저는 그에 대해 다른 문제를 여기에 열었습니다: https://github.com/flutter/flutter/issues/15501

반응형

댓글