javascript - 如何在不遇到 CORS 问题的情况下托管 PIXI.js 可以访问的图像?
问题描述
我一直在使用 PIXI.js 创建一个基本游戏。当我尝试在远程位置玩游戏时,我遇到了基于 CORS 的问题:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the
remote resource at http://example.com/myimage.png.
(Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
我通过在外部和本地计算机上托管图像来尝试此操作。
作为一种解决方法,我一直在尝试使用 PIXI 库使用 javascript 创建图像,但我还没有找到从绘制的图形创建精灵的方法。 在不会遇到 CORS 相关问题的 PIXI.js 上托管图像的最佳方式是什么?
解决方案
我相信您需要使用渲染器中的 .generateTexture 方法:http: //pixijs.download/dev/docs/PIXI.Renderer.html#generateTexture
如果你像这样创建你的应用程序:var app = new PIXI.Application()
你的渲染器将在app.renderer
所以类似:
var redSquare = new PIXI.Graphics();
redSquare.beginFill(0xffffff);
redSquare.drawRect(50,50,100,100);
redSquare.endFill();
var red = new PIXI.Sprite(app.renderer.generateTexture(redSquare));
推荐阅读
- nearprotocol - 如何使用 Nearlib.js 获取某个账户的余额
- python - 如何在 Seaborn LineChart 上设置 X-Tick 标签大小
- reactjs - 如何在没有 node_modules 的情况下导入我在本地制作的 React 组件?
- scala - 如何在intellij和scala中为spark创建Maven项目
- algorithm - 如何优化 O(n^2)
- node.js - 如何使用 kubernetes 集群配置超级账本节点 sdk?
- powershell - 如何使用 powershell 脚本添加带有超链接的自动更正条目
- oracle - Oracle - 从 BLOB 中提取图像
- python - 使用函数的返回类型指定类型提示
- typo3 - TYPO3 - 翻译已设置但既不处理也不显示