Question

我正在研究具有3D球体（可旋转和可缩放）的团结项目。在那个球体里面有121个四边形（瓷砖）。球体像谷歌地球和画布一样可见。我想在Quads上获取Click事件，这样我就可以知道哪个Quad用户点击了，app可以根据它执行操作。

有没有办法做到这一点？我听说Canvas就像一个Bitmap Image。

Answer 1

如果您能够获得特定的Quard详细信息，如果当时(x,y)坐标，您可以通过将点击事件附加到canvas来存档。

＆＃13;

var elem = document.getElementById("myCanvas");
// Add event listener for click events.
elem.addEventListener('click', function (event) {
    var x = event.pageX - elemLeft;
    var y = event.pageY - elemTop;
    // Collision detection between clicked offset and element.
    quardElements.forEach(function (element) {
        if (y > element.top && y < element.top + element.height
                && x > element.left && x < element.left + element.width) {
            //do your stuff here
        }
    });
}, false);

＆＃13;

获取画布内元素的Click事件

1 个答案: