Flutter renderer에는 HTML renderer와 Canvaskit renderer 두 가지를 선 택 할 수 있다.
HTML renderer
CanvasKit Renderer보다 다운로드 크기가 작은 이 렌더러는 HTML 요소, CSS, 캔버스 요소 및 SVG 요소의 조합을 사용합니다.
CanvasKit renderer
이 렌더러는 Flutter 모바일 및 데스크톱과 완전히 호환되며 위젯 밀도가 높아 성능이 더 빠르지만 다운로드 크기가 약 1.5MB 추가됩니다. CanvasKit은 WebGL을 사용하여 Skia 페인트 명령을 렌더링합니다.
위젯 밀도가 높다는건 어떤걸까?
WebGL
CanvasKit은 새로운 캔버스 및 SVG 플랫폼 API를 테스트할 수 있는 플레이그라운드를 제공하여 웹 플랫폼에서 빠르게 개발할 수 있도록 지원합니다. 또한 Skia의 로티 애니메이션 지원과 같은 최첨단 기능이 필요한 맞춤형 웹 앱의 배포 메커니즘으로도 사용할 수 있습니다.
특징
•
WebGL 컨텍스트가 SkSurface로 캡슐화되어 HTML 캔버스에 직접 그릴 수 있습니다.
•
Skia 캔버스/페인트/경로/텍스트 API의 핵심 세트 사용 가능, 바인딩 참조
•
하드웨어 가속 백엔드로 그리기
•
Skia의 fuzzer로 보안 테스트 완료
Command line options
web -renderer auto, html, or canvaskit 중 선택 가능
•