EaselJS JavaScript ライブラリを使用して、HTML5 キャンバス要素にいくつかの画像をロードしています。
onclick
それらは完全にロードされ、配置されていますが、イベントが発生しないため、クリックできません。
私は何を間違っていますか?
私が使用しているコードは次のとおりです。
<script src="easeljs-0.5.0.min.js"></script>
<script>
var canvas;
var stage;
var pictures = new Array(5);
var pictLen = pictures.length;
var imageCount = 0;
//
function init() {
// cavas instantiation, testCanvas is the id of my canvas element
canvas = document.getElementById("testCanvas");
stage = new Stage(canvas);
for (var i=0;i<pictLen;i++) {
var img=new Image();
img.src="img/"+i+".jpg";
var j=0;
img.onload = function(e){
var b = new Bitmap(e.target);
b.x =250*j;
b.y = canvas.height/2;
b.onClick = clickHandler;
j++;
stage.addChild(b);
stage.update();
}
}
Tick.addListener(window);
tick();
}
//
function clickHandler(e){
alert(e);
}
//
function tick(){
stage.tick();
}
</script>