Các tọa độ canvas

Một điều kiện tiên quyết để vẽ trên canvas (khung nền ảnh) là phải biết rõ về vùng lưới hoặc vùng tọa độ. Các phép đo vùng khung nền này theo chiều rộng và chiều cao được tính bằng pixel (điểm ảnh). Canvas được dựng lên xung quanh việc sử dụng các tọa độ x và y. Các tọa độ của canvas tại x=0, y=0 nằm ở góc trên bên trái.

Các thuộc tính mặc định cho vùng hình chữ nhật của canvas có chiều rộng là 300 pixels và chiều cao là 150 pixels, nhưng bạn có thể xác định kích thước chính xác của phần tử canvas này bằng cách quy định chiều rộng và chiều cao. Bản vẽ trong Hình 1 cho thấy cách triển khai thực hiện tọa độ x và y.

Hình 1. Các tọa độ canvas

Hình 1 cho thấy một vùng canvas 100 pixel x 100 pixel:

• Các góc trên bên trái có x=0, y=0.
• Giá trị x tăng theo chiều ngang, và giá trị y tăng theo chiều dọc.
• Góc dưới cùng bên phải có x=100, y=100.
• Tâm điểm có x=50, y=50.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest