JointJS 纸张坐标
JointJS paper coordinates
我的应用程序中有一个滚动纸张的平移控制器。如何获取显示内容的坐标以查看某个元素是否完全显示在屏幕上?
你需要知道纸张元素的坐标(x,y,width,height)。 x
、y
可能是 scrollLeft
、scrollTop
。 width
和 height
是元素的维度。让我们称之为 "client coordinates"。如果纸上没有转换(例如比例),则客户端坐标与 jointJs 图形坐标相同。否则你需要在客户端坐标和图形坐标之间进行转换。
paper.clientToLocalPoint(clientX, clientY)
或 paper.clientToLocalRect(clientX, clientY, width, height)
等方法可以完成这项工作。
或者,在 RappidJS 中,您可以简单地调用 joint.ui.PaperScroller
插件上的 getVisibleArea
我的应用程序中有一个滚动纸张的平移控制器。如何获取显示内容的坐标以查看某个元素是否完全显示在屏幕上?
你需要知道纸张元素的坐标(x,y,width,height)。 x
、y
可能是 scrollLeft
、scrollTop
。 width
和 height
是元素的维度。让我们称之为 "client coordinates"。如果纸上没有转换(例如比例),则客户端坐标与 jointJs 图形坐标相同。否则你需要在客户端坐标和图形坐标之间进行转换。
paper.clientToLocalPoint(clientX, clientY)
或 paper.clientToLocalRect(clientX, clientY, width, height)
等方法可以完成这项工作。
或者,在 RappidJS 中,您可以简单地调用 joint.ui.PaperScroller
插件上的 getVisibleArea