Как реализовать масштабирование объектов на Canvas?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

// Начало пути и создание прямоугольника
context.beginPath();
context.rect(20, 20, 50, 50);
context.fillStyle = "blue";
context.fill();

// Масштабирование объекта
context.scale(2, 2);

// Начало пути и создание прямоугольника после масштабирования
context.beginPath();
context.rect(20, 20, 50, 50);
context.fillStyle = "red";
context.fill();