내가 만들고자하는 것은 실제 크기가 큰 이미지가로드되는 스크롤 가능한 뷰포트이며 (10.000 x 10.000 픽셀 이상) 일부 선/도형을 그릴 수 있어야합니다. 이 사진.큰 이미지 캔버스 drawImage
- 이미지를 그리는 캔버스에게 위의 이미지의 크기를 그리기 위해 태그를 사용하여 :
내가 모양을 그릴 수 있도록/이미지를 그리는 생각할 수있는 두 가지 방법이 있습니다.
- drawImage() 메서드를 사용하여 이미지를 그리고 캔버스 만 사용합니다.
두 경우 모두 시도했지만 img 태그 또는 javascript Image() 객체를 사용하여 이미지를로드하면 약 500MB의 메모리가 소모됩니다.
이 작업을 수행하는보다 효율적인 방법이 있는지 궁금합니다.
이미지를 타일로 나누고 근처로 스크롤 할 때 타일 만로드하면 어떨까요? – BeRecursive