Преобразование пунктов SVG в масштабированный и повернутый SVG

Question

У меня есть набор точек SVG, у этих точек еще есть НЕ , я должен повернуть и масштабировать 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 = ??