HTML 5 캔버스에로드 된 이미지에 대한 참조 얻기

Question

drawImage 메서드를 사용하여 이미지를 HTML 5 Canvas에로드하고 있습니다. 이미지에 대한 변환 (예 : 회전)을 할 수 있도록 나중에 해당 이미지에 대한 참조를 마우스로 클릭 한 이벤트에서 어떻게 얻을 수 있습니까?

Answer 1

캔버스에 그리는 데 사용한 이미지 객체에 대한 참조를 저장합니다. 그런 다음

,

1. 캔버스 (의 clearRect)
2. 는 캔버스를 새로 고침 할 때 캔버스 컨텍스트
3. 를 사용하여 변환 다시 이미지
4. 로 이동 한 그리기 확인을 삭제

Answer 2

수 없습니다. 일단 캔버스에 그려지면 그것은 단지 픽셀입니다. 원본 소스에 대한 참조가 캔버스에 유지되지 않습니다. 상태 정보를 유지하려면 직접해야합니다. 또는 use SVG으로 내부 DOM을 유지합니다.