我想单击Canvas元素,其id为myCanvas
宽度:500,高度:200。
在Javascript中,有什么方法可以做到这一点吗?
使用Page Ruler
- Chrome扩展程序获取排名参数x
,y
。
我尝试使用代码:
function relMouseCoords(event){
var totalOffsetX = 220;
var totalOffsetY = 100;
var canvasX = 500;
var canvasY = 200;
var currentElement = this;
do{
totalOffsetX += currentElement.offsetLeft - currentElement.scrollLeft;
totalOffsetY += currentElement.offsetTop - currentElement.scrollTop;
}
while(currentElement = currentElement.offsetParent)
canvasX = event.pageX - totalOffsetX;
canvasY = event.pageY - totalOffsetY;
console.log(canvasX, convastY);
return {x:canvasX, y:canvasY}
}
HTMLCanvasElement.prototype.relMouseCoords = relMouseCoords;
答案 0 :(得分:0)