Dom은 웹 프론트 엔드 필드의 매우 중요한 부분입니다. HTML 요소를 처리 할 때 DOM이 사용될뿐만 아니라 그래픽 프로그래밍도 사용됩니다. 예를 들어, SVG 그리기에서 다양한 그래픽이 DOM 노드 형태로 페이지에 삽입되므로 DOM 메소드를 사용하여 그래픽을 작동 할 수 있습니다. 예를 들어, <path id = p1> 요소가있는 경우 jQuery를 직접 사용하여 클릭 이벤트 $ ( '#p1')를 추가 할 수 있습니다. 클릭 (function () {…}). 그러나,이 DOM 처리 방법은 더 이상 HTML5 캔버스에 적용되지 않습니다. 캔버스는 다른 메커니즘 세트를 사용합니다. 캔버스에 얼마나 많은 그래픽이 그려져 있든 캔버스는 전체입니다. 그래픽 자체는 실제로 캔버스의 일부이며 별도로 얻을 수 없으므로 특정 그래프에 JavaScript 이벤트를 직접 추가하는 것은 불가능합니다.
캔버스 제한캔버스에서는 모든 그래픽이 프레임에 그려집니다. 드로잉 메소드는 그려진 그래픽 요소를 리턴 값으로 출력하지 않으며 JS는 이미 그린 그래픽 요소를 얻을 수 없습니다. 예를 들어:
코드를 복사하십시오