HTML5 캔버스 크기 조정

Question

HTML5 캔버스를 사용하여 이미지를 렌더링하고 여러 (수백) 캔버스 크기를 한꺼번에 조정할 때 심각한 성능 문제가 있습니다.

mobileme gallery처럼 부드러운 크기 조정을위한 트릭이 있습니까?

감사

Answer 1

우리는 당신의 절차에 대한 많은 정보를 가지고 있지 않지만, 속도 저하는, 대 모바일 미의 20 일 수백 (!) 캔버스의가 있다는 사실에 상주합니다.

캔버스 수가 증가하지 않는다는 것을 mobileme에서 아래로 스크롤하면 알 수 있습니다. 페이지에 필요한만큼의 캔버스 만 있습니다. 또는 오히려, 더 이상 볼 수없는 캔버스를 아래로 스크롤하면 더 이상 존재하지 않습니다 (말하자면).

캔버스 크기를 조정할 때 다시 그리기가 필요하므로 최적화를위한 유일한 장소는 다시 그리기 코드입니다. 그러나 먼저 사용하는 캔버스의 수를 적게 최적화하십시오.