我刚刚开始使用Easeljs,我想在点击我的Bitmap时调用一个函数。这就是我所取得的成功:
我们告诉我这可能是一个跨域图片问题,但我不知道它是什么...... 这是我的代码:
<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
<script src="EaselJS-0.8.0\lib\easeljs-0.8.0.combined.js"></script>
<script>
var monCanvas;
var scene;
var monImage;
var monBitmap;
function init()
{
monCanvas = document.getElementById("mon_canvas");
scene=new createjs.Stage(monCanvas);
monImage=new Image();
monImage.src="smiley.png";
monImage.onload=creationBitmap;
createjs.Ticker.useRAF=true;
createjs.Ticker.setFPS(40);
createjs.Ticker.addEventListener("tick", tick);
}
function creationBitmap()
{
monBitmap=new createjs.Bitmap(monImage);
monBitmap.x=200;
monBitmap.y=70;
monBitmap.regX=20;
monBitmap.regY=20;
monBitmap.addEventListener("click", clickSouris)
scene.addChild(monBitmap);
scene.update();
}
function clickSouris()
{
alert("Some text");
}
window.onload=init;
</script>
</head>
<body>
<canvas id="mon_canvas" width="1000px" height="600px" style="border : 1px solid"></canvas>
</body>
</html>
&#13;