如何用Matrix4转换坐标适配imglib.copyRectify的点位参数

背景 #

我正在使用imglib的copyRectify方法提取图像区域，该方法不支持路径，必须手动指定topLeft、topRight、bottomLeft、bottomRight四个imglib.Point参数，示例代码如下：

imagePiece = imglib.copyRectify(imagSrc, 
        topLeft: imglib.Point(0,0), 
        topRight: imglib.Point(10,0), 
        bottomLeft: imglib.Point(0,100), 
        bottomRight: imglib.Point(10,100),
         )

需求 #

不想手动逐个更新这四个点的坐标，希望用Matrix4的旋转、平移等操作批量处理这些点，再把处理后的点传入copyRectify。理想的简化流程类似下面的伪代码：

// 将点坐标存入Matrix4可操作的结构
pointlist = [0,0, 10,0, 0,100, 10,100];

// 创建矩阵并应用变换
matrix = Matrix(1,1,1,1); 
matrix.rotateDegrees(45);

// 批量变换点坐标
rotatedList = matrix.apply(pointlist); 

// 用变换后的坐标调用copyRectify
...

想知道应该把这些点放进什么数据结构里，才能让Matrix4的.transform、.translate等方法直接处理，再导出成imglib.Point可用的格式？

解决方案 #

你可以把四个点封装成List<imglib.Point>，或者直接用坐标值组成的一维列表，通过Matrix4逐个变换每个点后，再拆分回copyRectify所需的参数格式。

方法1：基于imglib.Point列表处理 #

1. 将四个点存入列表：

final List<imglib.Point> points = [
  imglib.Point(0, 0),     // topLeft
  imglib.Point(10, 0),    // topRight
  imglib.Point(0, 100),   // bottomLeft
  imglib.Point(10, 100),  // bottomRight
];

2. 创建Matrix4并设置变换（以旋转45度为例，建议以区域中心为旋转原点避免偏移）：

import 'dart:math' as math;

final Matrix4 matrix = Matrix4.identity();
// 计算区域中心坐标
final centerX = (10 - 0) / 2;
final centerY = (100 - 0) / 2;
// 先平移到原点→旋转→平移回原位置
matrix.translate(centerX, centerY);
matrix.rotateZ(45 * math.pi / 180); // Matrix4仅支持弧度，需转换角度
matrix.translate(-centerX, -centerY);

3. 遍历列表，用Matrix4变换每个点：

final List<imglib.Point> transformedPoints = points.map((point) {
  // 将Point转为Vector3（Matrix4.transform仅支持三维向量）
  final Vector3 vec = Vector3(point.x.toDouble(), point.y.toDouble(), 0);
  matrix.transform(vec);
  // 转回imglib.Point
  return imglib.Point(vec.x, vec.y);
}).toList();

4. 传入变换后的点到copyRectify：

imagePiece = imglib.copyRectify(imagSrc,
  topLeft: transformedPoints[0],
  topRight: transformedPoints[1],
  bottomLeft: transformedPoints[2],
  bottomRight: transformedPoints[3],
);

方法2：直接处理坐标值列表 #

如果不想提前创建imglib.Point实例，也可以直接用一维坐标列表批量处理：

import 'dart:math' as math;

// 原始坐标格式：[topLeft.x, topLeft.y, topRight.x, topRight.y, bottomLeft.x, bottomLeft.y, bottomRight.x, bottomRight.y]
final List<double> coords = [0, 0, 10, 0, 0, 100, 10, 100];
final Matrix4 matrix = Matrix4.identity()..rotateZ(45 * math.pi / 180);

// 批量处理每一组(x,y)坐标
for (int i = 0; i < coords.length; i += 2) {
  final Vector3 vec = Vector3(coords[i], coords[i+1], 0);
  matrix.transform(vec);
  coords[i] = vec.x;
  coords[i+1] = vec.y;
}

// 转换为imglib.Point传入copyRectify
imagePiece = imglib.copyRectify(imagSrc,
  topLeft: imglib.Point(coords[0], coords[1]),
  topRight: imglib.Point(coords[2], coords[3]),
  bottomLeft: imglib.Point(coords[4], coords[5]),
  bottomRight: imglib.Point(coords[6], coords[7]),
);

这样就能通过Matrix4批量完成旋转、平移等变换，无需手动修改每个点的坐标值。

内容的提问来源于stack exchange，提问作者Kdigital