2
我创建了一个: JSFiddle是否可以将点击事件添加到画布标签?
问:我怎样才能得到偏移位置登记在画布标记的的onClick?
问题:点击图片标签console.log工作正常。点击在画布上并没有什么:C HTML:
<img id="rando" src="http://lorempixel.com/400/200/sports/" alt="" >
<canvas id="myCanvas" ></canvas>
JS
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = document.getElementById("rando");
var pos = {};
c.width = 400;
c.height = 200;
ctx.drawImage(img, 0, 0);
$('img').click(function(e) {
var posX = $(this).offset().left,
posY = $(this).offset().top;
console.log((e.pageX - posX)+ ' , ' + (e.pageY - posY));
});
$('c').click(function(e) {
var posX = $(this).offset().left,
posY = $(this).offset().top;
alert((e.pageX - posX)+ ' , ' + (e.pageY - posY));
});
乐叹息....... .. – 2014-11-23 18:00:16