ps变形如何增加节点

什么是变形？

在计算机图形学中，变形是指在自由变形网格或插值网格网格上进行的平滑几何操作。变形通常用于三维建模、角色动画、特效等应用中，以改变一个物体或场景的形状。在Photoshop中，变形功能可以对图像进行平移、旋转、扭曲等操作，以快速改变图像中某个区域的形状。

// 这里是一个简单的JS变形函数样例

function AffineTransform(affineMatrix, input, output) {
  var s0 = affineMatrix[0], s1 = affineMatrix[1], s2 = affineMatrix[2],
      s3 = affineMatrix[3], s4 = affineMatrix[4], s5 = affineMatrix[5];
  for (var i = 0; i < input.length; i += 2) {
    output[i] = s0 * input[i] + s2 * input[i + 1] + s4;
    output[i + 1] = s1 * input[i] + s3 * input[i + 1] + s5;
  }
}

如何增加节点？

在Photoshop中，如果要对现有的变形进行进一步编辑，可以通过增加节点来实现。

假设我们有一个三角形，要向其中添加节点：

<svg>
  <polygon id="triangle" points="0,0 100,0 50,50" stroke="black" stroke-width="1" fill="none" />
</svg>

我们可以在三角形的边缘上添加一个新的节点，代码如下：

var triangle = document.getElementById("triangle");
var points = triangle.getAttribute("points").split(" ");
points.splice(2, 0, "25,25");
triangle.setAttribute("points", points.join(" "));

此代码将在三角形的左下角添加一个新节点。

代码解释

这个代码首先获取三角形的边缘坐标，然后使用split()函数将它们转换为一个字符串数组。接下来，我们使用splice()函数将"25,25"节点添加到数组中的预定位置，即索引2处。最后，我们将修改后的数组重新组合成一个字符串，然后通过setAttribute()函数将其设置为三角形的新边缘坐标。

总结

通过增加节点，可以对现有的变形进行精细的编辑。在Photoshop中，可以使用此功能来调整图像中某个区域的形状。在JS中，可以使用splice()函数来添加新的节点，并使用setAttribute()函数将修改后的坐标设置回原始HTML元素。