Понимание масштабирования холста HTML 5 и порядка перевода ⇐ Html

[Гость]

Я строю график вокруг центра X,Y, равного 0,0. Когда приходит время рендеринга, я меняю положение с помощью функции перевода, а затем использую масштабирование, чтобы график заполнил холст (например, масштабирую все на 50%).

Я заметил, что имеет значение, вызываете ли вы масштабирование, а затем переводите, или переводите, а затем масштабируете, но я не могу уяснить это. Это проблема, поскольку не всегда все сходится, но моя ментальная модель неполна, поэтому мне трудно ее исправить.

Может кто-нибудь объяснить, почему порядок масштабирования и вызовов перевода имеет значение?