2012-04-20 1 views
1

내가 만들고자하는 것은 실제 크기가 큰 이미지가로드되는 스크롤 가능한 뷰포트이며 (10.000 x 10.000 픽셀 이상) 일부 선/도형을 그릴 수 있어야합니다. 이 사진.큰 이미지 캔버스 drawImage

  • 이미지를 그리는 캔버스에게 위의 이미지의 크기를 그리기 위해 태그를 사용하여 :

    내가 모양을 그릴 수 있도록/이미지를 그리는 생각할 수있는 두 가지 방법이 있습니다.

  • drawImage() 메서드를 사용하여 이미지를 그리고 캔버스 만 사용합니다.

두 경우 모두 시도했지만 img 태그 또는 javascript Image() 객체를 사용하여 이미지를로드하면 약 500MB의 메모리가 소모됩니다.

이 작업을 수행하는보다 효율적인 방법이 있는지 궁금합니다.

+1

이미지를 타일로 나누고 근처로 스크롤 할 때 타일 만로드하면 어떨까요? – BeRecursive

답변

0

절대 없음 항상 절대적으로 필요한 경우가 아닌 한 사용자가 이미지를 다운로드하게하십시오.

이미지의 작은 타일 (또는 그 주변)을 100 개 만들고 캔버스에 타일을 그으므로 현재 시간에 볼 수있는 타일 만 그리기 만하면됩니다 (예 : Google지도 등).

+0

고마워요! 나는 작은 테스트 프로젝트를 만들었고 기와는가는 길입니다. – geoffreydv