JointJS图纸坐标

Question

我在我的应用程序中有一个滚动纸张的平移控制器。如何获得正在显示的内容的坐标，以查看某个元素是否完全显示在屏幕上？

Answer 1

您需要知道纸张元素的坐标(x，y，width，height)。x，y可能是scrollLeft，scrollTop。width和height是元素的维度。让我们称其为“客户端坐标”。客户端坐标与jointJs图形坐标相同，以防在纸上没有变换(例如，scale)。否则，您需要在客户端坐标和图形坐标之间进行转换。

像paper.clientToLocalPoint(clientX, clientY)或paper.clientToLocalRect(clientX, clientY, width, height)这样的方法可以完成这项工作。

或者，在RappidJS中，您可以简单地调用joint.ui.PaperScroller插件上的getVisibleArea