无法从 WebGL 中的 S3 存储桶渲染图像

Question

当我的 JavaScript 应用程序尝试从我的 Amazon S3 帐户加载图像并在 WebGL 中呈现它时，浏览器会引发 CORS 错误。我更改了 S3 存储桶的 CORS 配置以允许访问：

<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Authorization</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

不幸的是，当我尝试从 S3 存储桶渲染图像时，浏览器仍然会抛出 CORS 错误。

我错过了一个步骤吗？或者，这只是正常的吗？换句话说，WebGL 是否总是拒绝跨域文件，无论文件的域是否允许通过适当的 CORS 配置访问？

Answer 1

According to MDN

为了将 CORS 作为 WebGL 纹理加载，我们在其上设置了 crossOrigin 属性：

var earthImage = new Image();
earthImage.crossOrigin = "anonymous";

现在我们照常加载它：

earthImage.onload = function() {
  // whatever you usually to do load WebGL textures
};
earthImage.src = "http://khm0.googleapis.com/kh?v=95&x=0&y=0&z=0";