【发布时间】:2017-08-11 07:31:46
【问题描述】:
我的应用程序中有一个平移控制器,可以滚动纸张。如何获取显示内容的坐标以查看元素是否完全在屏幕上?
【问题讨论】:
标签: javascript svg jointjs
我的应用程序中有一个平移控制器,可以滚动纸张。如何获取显示内容的坐标以查看元素是否完全在屏幕上?
【问题讨论】:
标签: javascript svg jointjs
您需要知道纸张元素的坐标(x、y、宽度、高度)。 x、y 可能是 scrollLeft、scrollTop。 width 和 height 是元素的尺寸。让我们称之为“客户坐标”。如果纸上没有转换(例如比例),客户端坐标与jointJs图形坐标相同。否则需要在客户端坐标和图形坐标之间进行转换。
paper.clientToLocalPoint(clientX, clientY) 或 paper.clientToLocalRect(clientX, clientY, width, height) 之类的方法可以完成这项工作。
或者,在 RappidJS 中,您可以简单地在 joint.ui.PaperScroller 插件上调用 getVisibleArea
【讨论】: