HTML5 - Canvas rotate shape

var clockCanvas = document.getElementById('clock');
var clockContext = clockCanvas.getContext('2d');

// Đánh dấu vị trí ban đầu của hệ trục tọa độ Oxy

clockContext.save();

// Chuyển hệ trục tọa độ tới gốc O1 (hình dung là ta bê Oxy sang trái/phải, lên/xuống đặt vào chỗ sao cho O trùng với O1
clockContext.translate(x1, y1);

// Xoay trục tọa độ một góc α (hình dung là ta cố định tâm O1, rồi quay O1xy một góc α theo chiều kim đồng hồ)

clockContext.rotate(alpha*Math.PI/180);

// Vẽ hình, vẽ ảnh với tọa độ các điểm theo hệ trục tọa độ mới đã vừa tịnh tiến vừa xoay
clockContext.beginPath();
clockContext.moveTo(0, 0);
tamClock = new Point(0, 0);
clockContext.lineTo(25, 7);
clockContext.lineTo(90, 0);
clockContext.lineTo(25, 7);
clockContext.lineTo(0, 0);
clockContext.strokeStyle = 'brown';
clockContext.stroke();
clockContext.fillStyle = 'brown';
clockContext.fill();

// Trả lại hệ trục tọa độ Oxy về vị trí gốc ban đầu
clockContext.restore();