以下代码用于在HTML画布内移动元素。适用于chrome,edge,safari,opera,但不适用于Firefox 61.0.1。 BoxPosX和BoxPosY用于将元素放置在画布上。 有任何想法吗?我很困惑
function windowToCanvas(canvas1, xx, yy) {
var bbox = canvas1.getBoundingClientRect();
return { xx: xx ,
yy: yy - bbox.top * (canvas1.height / bbox.height)
};
}
canvas1.addEventListener('mousemove', function (e){
if (event.comesFromScrollable==false){
event.preventDefault();
}
var loc = windowToCanvas(canvas1, e.clientX, e.clientY);
boxPosX = loc.xx;
boxPosY = loc.yy;
});