javascript - JointJS 纸张坐标

Question

我的应用程序中有一个可以滚动纸张的平移 Controller 。如何获取所显示内容的坐标以查看元素是否完全在屏幕上？

Answer 1

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

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

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