Phương thức Scale trong HTML5 Canvas

HTML5 canvas cung cấp phương thức scale(x,y) được sử dụng để tăng hoặc giảm đơn vị trong grid của chúng ta. Điều này được sử dụng để vẽ các hình với tỷ lệ giảm hoặc tăng.

Phương thức này nhận hai tham số, với x là thừa số scale trong hướng ngang và y là thừa số scale trong hướng dọc. Cả hai tham số phải là số khẳng định.

Các giá trị nhở hơn 1.0 giảm kích cỡ đơn vị và các giá trị lớn hơn 1.0 tăng kích cỡ đơn vị. Thiết lập các thừa số scale về 1.0 không ảnh hưởng tới kích cỡ đơn vị.

Ví dụ

Sau đây là ví dụ đơn giản sử dụng hàm spirograph để vẽ 9 hình với các thừa số scale khác nhau:

Ví dụ trên sẽ cho kết quả sau: