정적 콘텐츠를 표시하는 경우 속도가 느리고 훨씬 더 둔합니다. 전자는 JavaScript를 사용하는 동적 그래픽 용이고 후자는 URI에서 검색된 정적 이미지 용으로 완전히 다른 작업을 수행합니다.
브라우저는 HTML이 스트리밍되는 동안 IMG 소스를로드하도록 최적화되는 경향이 있으므로 페이지가 완전히로드되기 전에 이미지가 표시됩니다. 반면에 캔버스는로드되는 DOM에 따라 달라 지므로 일반적으로 DOMContentLoaded 이벤트가 시작될 때까지로드되지 않습니다. 여기에 Canvas 컨텍스트 및 메모리 요구 사항을 생성 할 때의 지연 시간을 추가하면 이미지가 진정으로 정적 인 경우 원하는 것이 아닙니다.
이미지로 멋진 작업을하고 싶다면 이미지를 IMG 태그에로드 한 다음로드 된 후 캔버스로 변환하여 변환을 수행하는 것이 어떻습니까?
출처
https://stackoverflow.com/questions/22089810