javascript - CreateJs/Preloadjs 模块加载清单中的编码图像

Question

我有使用create js的html5创意构建，它试图从manfiest加载图像。我们可以用编码图像替换图像路径来构建内联html

现有代码：

manifest: [
    {src:"images/test_logo.png", id:"test_logo"},
    {src:"images/tg.png", id:"tg"},
    {src:"images/tq_logo.png", id:"tq_logo"},
    {src:"images/tq_1.png", id:"tq_1"},
    {src:"images/tq2_2.png", id:"tq2_2"}
]
loader.loadManifest(lib.properties.manifest);

我尝试用编码字符串替换 test_logo.png，data:image/png;base64,iVBORw0KGgoAAAANSUhE但由于 XMLHttpRequest 无法加载文件而出现错误跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。

请建议我任何方法来解决这个问题。

谢谢。

score 0 · Accepted Answer

调用时尝试指定类型loadFile

var queue = new createjs.LoadQueue();
queue.loadFile({
  id: 'imgId',
  src: 'data:image/...' // base64 image url
  type: createjs.Types.IMAGE
});

queue.on('complete', function () {
  console.log(queue.getResult('imgId')) // <img src="..." />
});