Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JointJS纸张坐标_Javascript_Svg_Jointjs - Fatal编程技术网

Javascript JointJS纸张坐标

Javascript JointJS纸张坐标,javascript,svg,jointjs,Javascript,Svg,Jointjs,我的应用程序中有一个平移控制器,可以滚动纸张。如何获取显示内容的坐标以查看元素是否完全在屏幕上?您需要知道纸张元素的坐标(x、y、宽度、高度)x,y可以是scrollLeft,scrollTop宽度和高度是元素的尺寸。我们称之为“客户机坐标”。客户机坐标与jointJs图形坐标相同,以防图纸上没有变换(例如比例)。否则,您需要在客户机坐标和图形坐标之间进行转换 像paper.clientToLocalPoint(clientX,clientY)或paper.clientToLocalRect(c

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

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

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

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