댓글 : Canvas와 SVG를 사용하면 브라우저에 그림을 그릴 수 있지만 기본 원칙은 다릅니다. 다음으로 캔버스와 SVG의 드로잉 원리를 소개합니다. 관심있는 친구들은 그것에 대해 배울 수 있습니다.
캔버스와 SVG를 사용하면 브라우저에 그림을 그릴 수 있지만 기본 원칙은 다릅니다.SVG
SVG는 XML의 2 차원 그래픽을 설명하는 언어입니다.
SVG는 XML 기반으로 모든 요소가 SVG DOM 내에서 사용할 수 있음을 의미합니다. 각 요소에 JS 이벤트 핸들러를 추가 할 수 있습니다.
SVG에서 각 그래프는 객체로 기록됩니다. SVG 객체의 속성이 변경되면 브라우저는 그래픽을 자동으로 재생할 수 있습니다.
캔버스
캔버스는 2D 그래픽을 즉시 그릴 수 있습니다 (JS 사용)
캔버스는 픽셀로 재생 될 수 있습니다.
캔버스에서는 그래픽이 완료되면 브라우저에서 잊혀집니다. 그래픽 위치가 변경되면 그래픽으로 덮인 개체를 포함하여 전체 화면을 다시 칠해야합니다.
캔버스와 SVG의 비교
다음 표는 캔버스와 SVG의 주요 차이점을 보여줍니다.
캔버스 SVG
해상도와 독립적 인 해결에 의존합니다
이벤트 핸들러는 지원되지 않습니다
약한 텍스트 렌더링 기능은 대규모 렌더링 영역이있는 응용 프로그램에 가장 적합합니다 (Google지도)
최종 이미지를 PNG 또는 JPG 복합체 이미지로 저장할 수 있으며 다시 페인팅이 느려집니다 (DOM이 사용되는 모든 상황은 속도가 느려집니다).
자주 다시 그려지는 많은 객체에 적합한 최고의 그래픽 게임은 게임 응용 프로그램에 적합하지 않습니다.