外部图像为灰度

我正在研究我大学的一个小型项目，并遇到了在我的横幅中将灰度应用于来自Google Picasa服务器的外部加载图像的问题。我尝试创建任何图像加载的灰度画布，但试图获取图像数据时，我可以看到安全错误。外部图像为灰度

我使用的是jQuery，HTML，PHP和Ajax语言。

整个项目，你可以在这里找到： Google Code Project

我试图用这个库： $getImageData

但我得到的信息，我的请求不能被处理。我也尝试了许多其他库和代码，但没有结果。

来源

2012-12-18 Patryk Karpiński

更改该行为提供提供错误和错误详细信息的代码。 – Ranty

该项目中的greyscale.js在哪里？ –

您正在使用不是有效的跨域数据类型的“json”数据类型进行跨域请求。你应该得到一个相同的原点错误。您需要切换到jsonp数据类型。

jQuery('.container').ready(function() { 
    jQuery.ajax({ 
     type: 'GET', 
     dataType:'jsonp', 
     url: 'https://picasaweb.google.com/data/feed/base/user/115131339234962778181/album/jsite?access=public&kind=photo&alt=json-in-script',

请注意，我也改变了网址，不要错过这个改变，这很重要。

https://developers.google.com/gdata/docs/json

来源

2012-12-18 22:48:31

当你画外部数据到画布上，如有漏它被标记。污点使您无法从画布上获取图像数据。但是，您应该能够使用.crossOrigin attribute

来源

2012-12-18 23:02:39

外部图像为灰度

回答

相关问题