
직접 데모를 실행해보실 수도 있습니다. 사진 몇 장으로 작업을 하고 내보낼 수도 있고, 외곽선을 추가하거나 회전, 모서리 변경 등의 작업을 바로바로 할 수 있습니다.
이에 대해 Emest씨가 자신이 한 일에 대해 설명해주셨습니다:
canvas로 이것을 구현하는 것은 두 가지 면에서 쉽지 않았습니다: 드래그&드롭과 성능이죠.이 문제들을 해결하려고 여러 방법을 사용했습니다. 결국 최상위 canvas 레이어에 활성화된 이미지를 올려서 그것만 렌더링하게 하는 멀티레이어 방법을 사용했습니다. 이는 한 아이템이 드래그될 때 매번 모든 이미지들을 다시 그리지 않고도 드래그&드롭이 실행될 수 있도록 합니다.

from Photo Collages with Canvas
'[IT] Web Tech' 카테고리의 다른 글
Clientperf: 클라이언트에서 Rails 성능 측정 (0) | 2008.07.10 |
---|---|
YSlow, Firefox3 지원 (0) | 2008.07.10 |
Jiffy : 성능을 측정하는 Firebug 플러그인 (0) | 2008.07.10 |
CNET, MooTools 플러그인 저장소를 업데이트 (0) | 2008.07.10 |
Canvas를 이용한 사진 콜라주 (0) | 2008.07.09 |
Giva Labs이 만든 끝내주는 콤보박스 (0) | 2008.07.09 |
Endpoint Resolver : 리다이렉트된 Location을 추적하는 JavaScript 라이브러리 (0) | 2008.07.09 |
Magic Toolbox: 고품질 JavaScript 이미지 효과 (0) | 2008.07.05 |
jQuery를 이용한 이미지 미리 읽기 (0) | 2008.07.05 |
TAG Canvas
댓글을 달아 주세요