将svg点转换为缩放和旋转的svg

时间:2019-03-08 19:05:40

标签: javascript svg

我有一组svg点,尚未绘制这些点 NOT ,我需要旋转并缩放svg FIRST ,然后绘制折线点。

如何转换这些点以匹配svg的转换矩阵?

我过去这样做是为了获得缩放后的svg,但不知道缩放后和/或旋转后的公式。

var matrix = {
      a: 0.948396096937358,
      b: 0,
      c: 0,
      d: 0.951219513081014,
      e: 17.54811715106337,
      f: 72.01952089643697
}

var points = [[317.33, 8.452], [353.037, 8.452], [353.037, 93.952], [317.33, 93.952]];

// newX = x * a + e
// newY = y * d + f


var newX = points[0][0] * matrix.a + matrix.e;
var newY = points[0][0] * matrix.d + matrix.f;

我需要一个新公式来获取每个点的缩放位置和旋转位置。

var newScaledRotatedX = ?? var newScaledRotatedY = ??

0 个答案:

没有答案