- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试从结果中扣除 2D 转换参数。
给出了未知 X-Y 坐标系中的大量样本以及 WGS84(经度、纬度)中各自对应的样本。由于面积很小,我们也可以假设目标系统是平坦的。
遗憾的是,我不知道使用了哪种缩放、旋转、平移顺序,而且我什至不确定是否有 1 个或 2 个翻译。
我尝试创建一个冗长的方程系统,但结果太复杂了,我无法处理。基本几何图形也让我失败,因为变换的顺序未知,我必须检查每种可能的组合顺序。
是否有系统的方法来解决这个问题?
最佳答案
计算缩放因子很容易,只需选择任意两点并找到它们在 X-Y 空间和 WGS84 空间中的距离,它们的比率就是您的缩放因子。
旋转和平移有点棘手,但当您了解到应用任意数量的旋转或平移(仅在二维中!)的结果可以减少为围绕某个未知点的单个旋转时,难度就不是那么困难了一些未知的角度。
突然间,您有 N 个点来确定 3 个未知数:旋转轴(x 和 y 坐标)和旋转角度。
计算旋转如下所示:
Pr = R*(Pxy - Paxis_xy) + Paxis_xy
Pr
是 X-Y 空间中的旋转点,然后需要将其转换为 WGS84 空间(如果坐标系的轴不同)。R
是熟悉的 rotation matrix取决于您的旋转角度。Pxy
是 X-Y 空间中未旋转的点。Paxis_xy
是 X-Y 空间中的旋转轴。
要实际找到 3 个未知数,您需要根据找到的缩放因子取消 WGS84 点的缩放(或等效地缩放 X-Y 点)并移动点,以便两个坐标系具有相同的原点。
首先求旋转角度:取两对对应的点P1, P1'
和P2, P2'
并写出
P1' = R(P1-A) + A
P2' = R(P2-A) + A
为了简洁起见,我交换了A = Paxis_xy
。将两个方程相减得出:
P2'-P1' = R(P2-P1)
B = R * C
Bx = cos(a) * Cx - sin(a) * Cy
By = cos(a) * Cx + sin(a) * Cy
By + Bx = 2 * cos(a) * Cx
(By + Bx) / (2 * Cx) = cos(a)
...
(By - Bx) / (2 * Cy) = sin(a)
a = atan2(sin(a), cos(a)) <-- to get the right quadrant
如果您有自己的角度,您还可以快速检查一下 cos(a) * cos(a) + sin(a) * sin(a) == 1
以确保您的所有计算都是正确的,或者您的系统确实是一个保持方向的等轴测图(仅包含平移和旋转)。
既然我们知道了a
,我们就知道了R
,所以要找到A
,我们要做的就是:
P1` = R(P1-A) + A
P1' - R*P1 = (I-R)A
A = (inverse(I-R)) * (P1' - R*P1)
其中inversion of a 2x2 matrix is easy .
编辑:上面有一个错误,或者更具体地说,有一种情况需要单独处理。
存在一种平移和旋转的组合,它不会简化为单个旋转,而是单个平移。你可以把它想象成固定点(运算后有多少点不变)。
平移没有固定点(所有点都会改变),旋转有 1 个固定点(轴不改变)。事实证明,两次旋转留下 1 个固定点,一次平移和一次旋转留下 1 个固定点,这(有一点证据表明固定点的数量可以告诉您执行的操作)是这些结果的任意组合的原因单次旋转。
这对您来说意味着,如果您的角度为 0
,那么使用上述方法也会得到 A = 0
,这可能是不正确的。在这种情况下,您必须执行A = P1' - P1
。
关于matrix - 我可以计算给定一组点的变换矩阵吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17171443/
我正在寻找一种简单的解决方案来将对象从一个地方移动和缩放到另一个地方。 我做了一个JSfiddle用这个代码。问题是我需要它在某个时刻停止变小。所以它有一个最小尺寸,另一个问题是我希望它既缩小又向左移
我正在尝试通过沿 x 轴上下翻转(180 度)来为悬停时的图像设置动画。 就像here 除非我出于某种原因无法让它工作。 img { transition:all 2s ease-in-out
我想实例化一个 slider 约束,它允许 body 在 A 点和 B 点之间滑动。 为了实例化约束,我指定了两个物体进行约束,在这种情况下,一个动态物体被约束到静态世界,比如滑动门。 第三个和第四个
我想使用此功能旋转然后停止在特定点或角度。现在该元素只是旋转而不停止。代码如下: $(function() { var $elie = $("#bkgimg");
我正在尝试使用 CATransform3D 向 View 添加透视图。目前,这就是我得到的: 这就是我想要得到的: 我很难做到这一点。我完全迷失在这里。这是我的代码: CATransform3D t
我编写了一个图形用户界面,用户可以在其中在 (640x480) 窗口中绘制内容。它使该绘图成为一组存储在 Vector 数组中的点。 现在,我如何将这些点集平移到原点(0,0 窗口左上角)或将其放在指
我的应用程序中有两张图像相互叠加,分别表示为 foreground 和 background。对于这两个,我都使用 background-attachment: fixed 来确保图像始终彼此完全相同
如何在不损失质量的情况下应用旋转变换?我试过添加 translateZ(0) 但它无济于事。这是例子: svg { background-color: rgb(93, 193, 93); }
我有一个 div,我试图在悬停时缩放它(只是 Y)。问题是它在没有过渡的情况下运行良好。当我使用过渡时,div 在顶部缩放一点然后下降,检查 fiddle 。问题是如何防止 div 那样缩放?我希望它
我正在尝试使用 transform: scale 图像网格 http://movies.themodern-nerd.com/genre .从左向右滚动时它工作正常,悬停的图像将停留在其他图像之上,但
我正在查看 CSS3 Transform 并且想要一个既倾斜又旋转的盒子。 我试过使用: transform:rotate(80deg); -moz-transform:rotate(80deg);
当用户在图像父元素上执行 mousemove 时,我试图在 img 上添加平滑移动效果(此处为 .carousel-img)但我无法正常运行它。 我做错了什么? $('.carousel-img').
我有 div 元素在其他 div 元素中垂直对齐。 我使用以下方法对齐它们:position: relative;变换:翻译Y(-50%);顶部:50%。这很好用。 我现在想缩放元素(使用 jQuer
我在这个 fiddle 中使用 RotateX 后创建了 3D 效果: http://jsfiddle.net/vEWEL/11/ 但是,我不确定如何在这个 Fiddle 中的红色方 block 上实
使用 transform: scale(x.x) 而不是使用 width 和 height 属性进行传统的调整大小有什么缺点吗?缩放会产生质量较低的图像或其他什么吗? 最佳答案 Scale 生成总体上
我在一个点上有一个对象,比如相对于原点的 x、y、z。 我想对点应用一些变换,比如旋转和平移,并在变换后的点渲染对象。我正在使用 glTranslatef() 和 glRotatef() 函数。它看起
有没有办法将转换应用到插入了 :before 的元素上? 以下方法无效,但我愿意接受其他解决方案。 .itemclass:before { content: "➨"; transform:
我找到了这个:width/height after transform 和其他几个,但没有什么不是我正在寻找的。我想要的是将某些东西缩放到其大小的 50%(当然还有漂亮的动画过渡)并让页面布局重新调整
我想使用变换为元素位置设置动画。我怎么能在这个翻译中添加一些曲线(没什么特别的,只是不是一条完整的直线)?对于 jquery,我会使用效果很好的 easeInSine。 var a = documen
我试着写一个 TransformMesh功能。该函数接受一个 Mesh对象和 Matrix目的。这个想法是使用矩阵来转换网格。为此,我锁定了顶点缓冲区,并在每个顶点上调用了 Vector3::Tran
我是一名优秀的程序员,十分优秀!