绝对鼠的位置上的处理

Question

这是一个复制贴的一个后我做了在处理论坛(在这里我没有得到一个答案为止)认为我也可以试试这里。

处理是一个非常冷静的方式绘制的东西，专门的网页。只是作为一个参考 http://processing.org

嘿，我是新来的处理，我用它来作一个flashless的网站，所以我几乎画上画布上。

我有一个问题与小鼠的位置，虽然坐标，绘制时，考虑的左上角是位0,0;实际鼠坐标考虑0,0是左上角的浏览器窗口。

所以我的问题是这样的，画布上操作中心的网页，只要浏览器中的变化大小，所以没有坐标鼠在画布上。

是否有任何方式使坐标鼠相对于画布?这样我可以改变我的浏览器窗口和左上角将始终0,0鼠标的坐标？

所以这就是问题所在，我不知道有多少人在这里计算器都是经验丰富这一点，但我希望有人能帮助我:)

由于堆叠的溢出社区。

Answer 1

我不熟悉处理，但是你不能只是计算之间的差左上角的浏览器窗口和左上角的画布?
即(使用jquery)

$(window).onresize = function() {
 //offset return position realive to the document.
 var offset = $('#canvas').offset();
 window.canvasLeft = offset.left;
 window.canvasTop = offset.top;
}

然后你可以做一些事情，如：

 relativeMouseLeftPosition = mouseLeftPosition() - window.canvasLeft;

你应该替换#帆布css选择你的画布的区域。

还注意到，窗口的全球目的，我在这里使用它来处理可能的范围问题。

Answer 2

处理真的不是旨在创建网页..它的 更糟糕 比闪的网站(处理的草图是Java小Java是不常见的，远远更多的资源密集型和缓慢载..)

这就是说，没有 processing.js, 一Javascript口的处理。

的 蛇例 访问。因为它是Javascript和画布是 div, 坐标应该多一点理智的比Java(其生活在自己的VM世界上的)，但是我可能是错..

Answer 3

你可以要求用户能够校准系统之前，使用。它没有完全回答的问题，而是一个sollution的问题。

只是画一个红点在屏幕中心，顶左惊天动地的权利。请用户击他们，并检索坐标.然后，你知道屏幕的角落。