Flutter renderer에는 HTML renderer와 Canvaskit renderer 두 가지를 선 택 할 수 있다.

HTML renderer

CanvasKit Renderer보다 다운로드 크기가 작은 이 렌더러는 HTML 요소, CSS, 캔버스 요소 및 SVG 요소의 조합을 사용합니다.

CanvasKit renderer

이 렌더러는 Flutter 모바일 및 데스크톱과 완전히 호환되며 위젯 밀도가 높아 성능이 더 빠르지만 다운로드 크기가 약 1.5MB 추가됩니다. CanvasKit은 WebGL을 사용하여 Skia 페인트 명령을 렌더링합니다.

<aside> 💡 위젯 밀도가 높다는건 어떤걸까?

</aside>

<aside> 💡 WebGL

</aside>

CanvasKit은 새로운 캔버스 및 SVG 플랫폼 API를 테스트할 수 있는 플레이그라운드를 제공하여 웹 플랫폼에서 빠르게 개발할 수 있도록 지원합니다. 또한 Skia의 로티 애니메이션 지원과 같은 최첨단 기능이 필요한 맞춤형 웹 앱의 배포 메커니즘으로도 사용할 수 있습니다.

특징

• WebGL 컨텍스트가 SkSurface로 캡슐화되어 HTML 캔버스에 직접 그릴 수 있습니다.
• Skia 캔버스/페인트/경로/텍스트 API의 핵심 세트 사용 가능, 바인딩 참조
• 하드웨어 가속 백엔드로 그리기
• Skia의 fuzzer로 보안 테스트 완료

Command line options