HTML5와 Canvas 요소를 사용하는 Photoshop의 선택 윤곽 도구

Question

내 게임에서 Photoshop의 "움직이는 도구"동작을 다시 만들고 싶습니다. 하지만 캔버스 요소를 사용하여이를 수행하는 방법에 대한 단서가 없습니다. 요소를 버퍼 캔버스에 복사해야합니까? 선택 항목을 어떻게 clip합니까? 어떻게 선택합니까?

내가 취해야하는 접근 방식에 대한 질적 설명만으로 충분할 것입니다.

Answer 1

다른 라이브러리가 없으면 소스로 캔버스의 경우 drawImage()을 사용하고 하위 섹션을 스니핑하려면 대상으로 다른 캔버스를 사용합니다. 이미지의 하위 섹션을 추출하는 방법은 the specs을 참조하십시오.

Answer 2

marqueetool을보고 기능을 복사해야합니다 (그러나 이해해야합니다!). MIT 라이센스하에 공개 된 이래로 합법적으로는 반대하지 않습니다.