Question

我是javascript和EaselJS的新手，我已经搜索了文档以及这里的问题，并且我已经了解到我的鼠标事件无法使用我的位图的最初问题是因为我试图在我的计算机上使用文件路径中的位图。

我现在明白我需要使用img.crossOrigin来让easeljs使用这些图片，但即使我添加了这个，我仍然无法使用它。

以下是我所拥有的：

function init(){
var canvas = document.getElementById('game'); //assign canvas to variable
var stage = new createjs.Stage(canvas);

var term = new Image();
    term.src = 'terminal.png';
    term.crossOrigin = "Anonymous"; 

var oswin = new Image();
    oswin.src = 'frame.png';
    oswin.crossOrigin = "Anonymous";

var terminal = new createjs.Bitmap(term);
        terminal.x = 28;
        terminal.y = 36;
        terminal.name = "terminal";
        stage.addChild(terminal);

var oswindow = new createjs.Bitmap(oswin);
        stage.addChild(oswindow);
        oswindow.x = 196;
        oswindow.y = 5;
        oswindow.name = "oswindow";

        //hide this bitmap 
        oswindow.visible = false;

//onclick to unhide the bitmap
terminal.on("click", handleClick);

stage.update();
}

function handleClick(){
    oswindow.visible = true;
    stage.update();

    }

我已经在crossOrigin中添加了，不幸的是，这仍然无法工作，我也不知道为什么，因为尽管阅读了它，但我并不了解跨领域。（我是初级程序员）

我现在完全离线工作，只是想学习，所以解决这个问题的方法真的很棒。

EaselJS：我试图了解Cross Domain如何使用位图

0 个答案: