小编Rob*_*yon的帖子

尝试从Safari 8中的CloudFront URL加载图像时出现以下错误:
Cross-origin image load denied by Cross-Origin Resource Sharing policy.

这只发生在Safari 8上.在FireFox 38和Chrome 41最新版中它加载得很好.(Mac 10.10)

我的设置:

1.具有以下CORS配置的S3存储桶

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

2.链接的CloudFront分配

以下标题已列入白名单(在行为下):

• Access-Control-Request-Headers
• Access-Control-Request-Method
• Origin

3. JavaScript

var img = new Image();
img.crossOrigin = '';
img.onload = function() {
  console.log('image loaded');
}

我尝试过的:

1.检查curl返回的标头

图像返回正确的标题(特别是Access-Control-Allow-Origin)

> curl -sI -H 'Origin: localhost' -H 'Access-Control-Request-Method: GET' http://foo.cloudfront.com/image.jpg
...
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET
Access-Control-Max-Age: 3000
Server: AmazonS3
Vary: Origin,Access-Control-Request-Headers,Access-Control-Request-Method
X-Cache: …

表结构:

Collection
name (String)

Image
collection (Pointer<Collection>)
url (String)
position (Number)

Imageclass有collection一个指向Collection该类的指针的列.

position用于Images在a内排序Collection.

Cloud Code中最有效的方法是如何实现以下目标？

让我们假设我有~3000张图片和3个收藏品.

构造一个返回数组的查询的最佳方法是什么,该数组包含至少有一个关联的所有集合,Image并且只显示每个集合的前5个图像,并按position

每个集合的关联图像都需要包含在响应中,并且可能看起来像这样模糊:

results: [{
  collection: {
    name: 'foo'
  },
  images: [{
    position: 0,
    url: 'test.jpg'
  },
  {
    position: 1,
    url: 'test.gif'
  }]
}, {

  ...

}]    

我现在所能想到的只是进行两个查询,一个是获取所有Collections,另一个是先获得所有Images,然后过滤它们,这看起来相当倒退,再加上Parse仅限于1000个结果集.我需要重新考虑我的桌面结构吗？

我正在尝试使用此处的Noise函数在片段着色器中创建超级简单的Perlin噪声云.

在低八度音阶时,由于缺少更好的词,我的输出是"blobby".我只是想平滑这些斑点区域并且有平滑的噪音,但它比一个八度音程更加细致.

片段着色器:

#ifdef GL_ES
precision mediump float;
#endif

uniform float time;
uniform vec2 resolution;

// Noise related functions go here ..

float surface3 ( vec3 coord ) {
        float frequency = 4.0;
        float n = 0.0;  

        n += 1.0    * abs( cnoise( coord * frequency ) );
        n += 0.5    * abs( cnoise( coord * frequency * 2.0 ) );
        n += 0.25   * abs( cnoise( coord * frequency * 4.0 ) );

        return n;
}

void …