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();