1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
|
mycanvas = document.createElement("canvas");
mycanvas.id = "CursorLayer";
mycanvas.width = 184; mycanvas.height = 164;
mycanvas.style.zIndex = 8;
mycanvas.style.position = "absolute";
mycanvas.style.border = "1px solid";
mycanvas.style.top="25px";
mycanvas.style.background="transparent";
document.body.appendChild(mycanvas);
ctx_mycanvas = mycanvas.getContext('2d');
img = document.getElementById(env);
ctx_mycanvas.drawImage(img,0,0,50,50);
canvasOffset=$("#CursorLayer").offset();
offsetX=canvasOffset.left;
offsetY=canvasOffset.top;
canvasWidth=mycanvas.width;
canvasHeight=mycanvas.height;
mycanvas.addEventListener("mousemove",function(e){imgxy('move', e)}, false);
mycanvas.addEventListener("mousedown",function(e){imgxy('down', e)}, false);
mycanvas.addEventListener("mouseup",function(e){imgxy('up', e)}, false);
mycanvas.addEventListener("mouseout",function(e){imgxy('out', e)}, false); |
Partager