획이 캔버스 픽셀이 되는 과정

획이 캔버스 픽셀이 되는 과정 A data-flow diagram generated by Archify. 01 / 원본 02 / 스타일 선택 03 / 굵기 계산 04 / 경로 생성 05 / 그리기 Stroke · points + style · 01 / 원본 Stroke points + style renderStrokes · widthMode 분기 · 02 / 스타일 선택 renderStrokes widthMode 분기 필압별 굵기 · pressureWidth · 03 / 굵기 계산 필압별 굵기 pressureWidth 고정 굵기 · style.strokeWidth · 03 / 굵기 계산 고정 굵기 style.strokeWidth 채운 윤곽선 · 좌우 외곽 + 끝 반원 · 04 / 경로 생성 채운 윤곽선 좌우 외곽 + 끝 반원 선 경로 · moveTo + lineTo · 04 / 경로 생성 선 경로 moveTo + lineTo Canvas 2D · fill 또는 stroke · 05 / 그리기 Canvas 2D fill 또는 stroke 점·색·투명도·모드 pressure 모드 constant 모드 점별 반지름 하나의 lineWidth fill stroke Legend primary data data store data flow