如何将 camanjs 用于我的 wix 应用程序绕过跨域问题
How can I use camanjs for my wix application bypassing crossdomain problems?
我正在开发代表用户图像滑块的 wix.com 应用程序。最近我接到了制作图像过滤器的任务,就像这个项目的 instagram 一样,第一个想法是为此目的使用画布,特别是 CamanJS。当你从问题标题中解脱出来时,我遇到了画布跨源问题。
我尝试使用 svgjs 及其过滤器,在本地主机上它非常适合远程图像,但它不适用于 wix(也许它不适用于我们项目编写的角度)
我也尝试了 http://crossorigin.me/,将其添加到每个图像链接中,但似乎什么也没发生,CamanJS 就像没有这个代理一样破坏图像。
不要误会我的意思,我已经测试了 4 个不同的 js 库,每个人都建立在画布操作上。
那么有没有另一种方法可以绕过这个问题呢?我听说过 php 代理,但我在 webdev 方面有一点经验(大约 4 个月),所以我不知道如何使用它。
无论使用哪个库,您都无法避免它,因为它是浏览器功能/机制。
正如您所说,您可以使用代理(例如您提到的代理,但要小心这些代理)。但是,仅使用代理是不够的。您还必须请求跨源使用,您可以通过在设置其源之前将此属性添加到 image 元素来执行此操作:
var img = new Image;
img.onload = function() {...}; // your callback here
img.crossOrigin = "anonymous"; // make request to use image cross-origin
img.src = "url/to/proxy"; // send request/start loading
或者,如果您有图片标签:
<img crossOrigin="anonymous" src="...">
但请记住,如果请求的服务器拒绝,则可能根本不会加载图像。
或者,查看与 imgur.com(我不是附属公司)等网站的商业协议,这些网站确实允许跨源使用。
相关文章:
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 三星智能电视应用程序;Brightcove示例应用程序远程控制问题
- 在我的SPA应用程序中集成Facebook共享的问题
- node.js应用程序中的async.js问题
- React Rails应用程序中动态子项的密钥分配问题
- 在我的Rails应用程序中使用Stripe对卡充电时出现问题
- 离子框架移动应用程序性能问题
- 如何将 camanjs 用于我的 wix 应用程序绕过跨域问题
- 聊天应用程序的潜在问题
- Ruby on Rails 4:在 Rails Web 应用程序中添加 Javascript 文件时遇到问题
- 在Facebook应用程序中弹出时遇到问题
- 应用程序版本插件问题
- winjs应用程序中的导航问题
- 在通过phonegap 2.9.0制作的应用程序中,在较低版本的android(如2.3.5)中面临问题
- 有没有一种方法可以在IE8中解决我的Rails javascript应用程序.js的问题
- 在iOS应用程序的分析云代码上运行crypto-js的问题
- Node.js/Socket.io适用于除Firefox之外的所有应用程序,这可能是缓存问题
- 自定义幻灯片应用程序的问题
- 在不同端口上运行时,rest api应用程序服务器(express)和Angulars js应用程序之间的Cors问题
- 在Firefox OS应用程序中滚动时出现渲染问题