PROSAGA码农传奇-模型可视化-如何放大一个点（背后的数学）

如何放大一个点（背后的数学）

作者: 荧惑
发布时间: 2024-06-04 01:47:07 (5天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    最好的方法可能是使用变换矩阵来缩放图像并找出鼠标所在的缩放图像中的哪个点，这样您就可以根据该点进行变换。
  </p>
  <P>
    我知道你在C中工作，但我在js中创建了一个例子，因为它允许我更容易地演示工作代码。单击图像并使用Z和X进行放大和缩小。
    <a href="https://jsfiddle.net/7ekqg8cb/" rel="nofollow noreferrer">
      https://jsfiddle.net/7ekqg8cb/
    </A>
  </p>
  <P>
    大多数代码都是实现矩阵乘法，矩阵求逆和矩阵点变换。重要的是：
  </p>
   <pre>
    <code>
      var scaledMouse = transformPoint(mouse);

matrixMultiplication([1, 0, scaledMouse.x,
                      0, 1, scaledMouse.y,
                      0, 0, 1]);
var scale = 1.2;
if (direction) {
    matrixMultiplication([scale, 0, 0,
                          0, scale, 0,
                          0, 0, 1]);
}
else {
    matrixMultiplication([1/scale, 0, 0,
                          0, 1/scale, 0,
                          0, 0, 1]);
}

matrixMultiplication([1, 0, -scaledMouse.x,
                      0, 1, -scaledMouse.y,
                      0, 0, 1]);

</code>
  </pre>
  <P>
    transformPoint使用变换矩阵的逆来找出鼠标相对于变换图像的位置。然后，变换矩阵被平移，缩放和平移，以围绕该点缩放变换矩阵。
  </p>
</DIV>