javascript - 如何使用仿射变换矩阵将包含内容的矩形 A 转换为矩形 B

Question

我不擅长英语，所以我很抱歉使用翻译来提问。

我正在尝试使用拖动来调整矩形的大小。

但是我现在很好奇的是当矩形A变成矩形B时，

我想知道矩形内的其他矩形将如何变化。

我知道矩形 A 和 B 的所有顶点以及矩形 A 内的矩形。

我想知道A内的矩形应该如何移动到B。

搬家前 (RECT A) | 移动后 (RECT B)

(x1,y1) => (x1',y1')

(x2,y2) => (x2,y2) （相同位置）

(x3,y3) => (x3',y3')

(x4,y4) => (x4',y4')

如上图所示进行更改时，我想使用仿射矩阵将矩形 A 内的元素正确更改为 B 的内部。

我们如何计算 A 的每个内部矩形的坐标？

我想在 JavaScript 中实现这个计算过程，但我很好奇怎么做。

标签： javascriptsvgaffinetransform