在cloudinary設置標題，以避免污染的畫布

Question

我正在做一個簡單的繪圖應用程序在JavaScript中的客戶端和PHP的保存和加載。該應用程序託管在heroku上，保存的圖片託管在cloudinary上。當應用程序從cloudinary加載保存的圖片並將其繪製在畫布上時，由於跨域，畫布變得污染。 我使用的PHP cloudinary-API保存圖像

\Cloudinary\Uploader::upload($canvasToDataUrl, array("public_id" => $saveName)); 

我嘗試添加的選項陣列連續用幾個不同的語法像

, "headers" => "Access-Control-Allow-Origin:*" 

我相信這頭不支持通過API，支持的標題是'link'和'X-Robots-Tag'。

有沒有辦法強制我保存的圖片標題爲「Access-Control-Allow-Origin：*」？

Answer 1

您可以通過設置安全控制檯允許的起源：https://cloudinary.com/console/settings/security

象下面這樣：

Answer 2

Cloudinary返回Access-Control-Allow-Origin: *頭，所以它應該CORS工作。 下面是這表明Cloudinary圖片使用在畫布的例子： https://jsfiddle.net/137ptoja/

對於使用toDataURL方法，那麼請注意，有要求從HTTPS網頁的HTTP URL時，這是由CORS不允許的。 另外，如果存在域的cookie，則該請求不被視爲匿名，因此它被阻止。

下面是一個示例工程： https://jsfiddle.net/taragano/td0eLafc/