Canvas + s3 cors 오류날 시 처리법

canvas에서 s3 이미지 끌어다 쓸 때 cors 오류가 나는데 다음과 같이 처리하면 해결

1. crossOrigin을 anonymous로 설정

2. 이미지 경로 뒤에 캐시방지를 위한 파라미터 추가

            if(this.selectedDrawing){
                let image = new Image();
                image.crossOrigin = "anonymous"; // 핵심
                image.src = self.selectedDrawing.url + "?timestamp=" + (new Date().getTime()); // 핵심(url 뒤에 캐시막기용 파라미터 추가)

                image.onload = function(){
                    self.context.drawImage(image, 0, 0);
                }
            }

3. s3 버킷 권한 수정(s3 -> 권한탭 -> 맨 아래 CORS)

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "HEAD"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "x-amz-server-side-encryption",
            "x-amz-request-id",
            "x-amz-id-2"
        ],
        "MaxAgeSeconds": 3000
    }
]