Получить координаты изображения после поворота и перевода?

В настоящее время я рисую некоторые изображения (препятствия) на холсте, но я выполняю context.rotate() и context.translate(), прежде чем рисовать их (в точке 0,0 после перевода точки).

Мне нужно создать столкновения между изображением, которое рисуется после этих препятствий (координаты изображения контролируются пользователем, например, транспортным средством).

До того, как я реализовал вращение и перемещение, я выполнял столкновения, основываясь на средних точках транспортного средства и препятствия в нужное время. Однако я понятия не имею, как я могу получить фактические непереведенные и неповернутые координатные точки препятствий.

Примечание: для каждого препятствия я знаю переменную, которую я поворачиваю и перемещаю, проблема в том, что я выполняю поворот и перемещение несколько раз друг за другом, например так:

// set origin to center
context.translate(canvasX, canvasY);

context.rotate(i/30);
context.translate(20,10);

if(toggle < 20) {
    size++;
    if(size > 10) {
      size = 10;
    }
    drawImageRot(image_red, 0, 0, ((image_red.height / img_max) * size), ((image_red.width / img_max) * size), 30);
    //circle('red', size);
}
// rotate + move along x
context.rotate(y / 40);
context.translate(40, 0);

if(toggle > 100 && toggle < 120) {
    size++;
    if(size > 10) {
      size = 10;
    }
    drawImageRot(image_red, 0, 0, ((image_red.height / img_max) * size), ((image_red.width / img_max) * size), 30);
    //circle('red', size);
}
context.rotate(z / 20);
context.translate(5, 5);

if(toggle > 200 && toggle < 220) {
    size++;
    if(size > 10) {
      size = 10;
    }
    drawImageRot(image_red, 0, 0, ((image_red.height / img_max) * size), ((image_red.width / img_max) * size), 30);
}

Итак, на третьем изображении я бы сделал 4 разных перевода и 3 разных поворота.

Как я могу получить координаты точек препятствий? или в любом случае я могу легко проверить, перекрываются ли два изображения, не требуя координатных точек?

РЕДАКТИРОВАТЬ:

Я решил разделить обнаружение столкновений, чтобы проверять сразу после выполнения drawImageRot() следующим образом:

// set origin to center
context.translate(canvasX, canvasY);

context.rotate(i/30);
context.translate(20,10);

if(toggle < 20) {
    size++;
    if(size > 10) {
      size = 10;
    }
    drawImageRot(image_red, 0, 0, ((image_red.height / img_max) * size), ((image_red.width / img_max) * size), 30);
    // HERE I NEED TO SET my currentX and currentY points! But how?
    currentX = 0;
    currentY = 0;

    if((Math.abs(currentX - playerX) <= 20 && Math.abs(currentY - playerY) <= 20)) {
      drawCollision(currentX, currentY, size);
      isCollision = true;
    }
}