一个canvas里,分别为其他元素绑定事件

刚学canvas,搜了一些教程,还是不太明白怎么在一个canvas里怎么给img1.jpg,img2.jpg分别添加事件?
如下简单例子:

    var canvas=doc.querySelector('#canvas_wrapper');
    var cvs=canvas.getContext('2d');
    var imgArr=['img1.jpg','img2.jpg']
    var images=[];
    var img=null;
    for(var i=0,len=imgArr.length;i[i];
        images.push(img);
    };
    img.onload=function(){
        cvs.drawImage(images[0],0,0,200,100); //给这个添加事件
        cvs.drawImage(images[1],0,100,200,100); //给这个添加事件
    };

望指点,谢谢了

已邀请:

sxzhustar

赞同来自:

   var canvas=doc.querySelector('#canvas_wrapper');
    var cvs=canvas.getContext('2d');    
    var imgArr=['img1.jpg','img2.jpg']    //图片地址
    var images=[];                        //给将要创建的image对象建个容器
    var img=null;                         //声明img
    for(var i=0,len=imgArr.length;i<len;i++){
        img=new Image();                  //创建image对象
        img.src=imgArr[i];                //给image对象分配地址
        images.push(img);                 //把分配完地址的image对象放到容器里
    };
    img.onload=function(){                //在image加载时触发方法把容器里的image对象放到canvas中
        cvs.drawImage(images[0],0,0,200,100); //给这个添加事件
        cvs.drawImage(images[1],0,100,200,100); //给这个添加事件
    };

要回复问题请先登录注册