Wulin.com의 기사 소개 (www.vevb.com) : HTML5 Daily Practice의 Canvas 태그 적용 - 드로잉 좌표 변환 그래픽.
그래픽을 그리면 그래픽을 회전 시키거나 그래픽에서 변형 처리를 사용하고 캔버스 API의 축 변환 처리 기능을 사용 하여이 효과를 달성 할 수 있습니다.컴퓨터에 그래픽을 그리면 벤치 마크로 좌표 지점이 그려집니다. 기본적으로 캔버스 캔버스의 왼쪽 상단 모서리는 좌표 축 (0, 0)의 원점에 해당합니다. 캔버스 API를 사용하여 앞에서 언급 한 모든 그래픽은 캔버스의 가장 왼쪽 교차로로 좌표 축으로 그려지며 픽셀로 그려집니다.
이 좌표 축이 변경되면 그림의 변환이 구현 될 수 있습니다. 좌표 변환을 처리하는 세 가지 방법이 있습니다.
팬
그래프 컨텍스트 객체의 번역 메소드를 사용하여 축 원점을 움직입니다.