如何使用Javascript点击Canvas中的位置?

时间:2016-07-28 10:21:45

标签: javascript jquery html canvas

我想单击Canvas元素,其id为myCanvas宽度:500,高度:200。

在Javascript中,有什么方法可以做到这一点吗?

使用Page Ruler - Chrome扩展程序获取排名参数xy

我尝试使用代码:

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;

1 个答案:

答案 0 :(得分:0)

通过JS点击任何元素都可以使用 trigger 完成。

使用jQuery:

mapfile -t myArray < <(jq -r .user[].name <<< "$getNames")