1 2 3 |
HTML5 Canvas tutorial
HTML5 Canvas: Độ trong suốt
Để thiết lập độ trong suốt trong HTML5 Canvas chúng ta dùng thuộc tính globalAlpha. Giá trị của glbalAlpha được định nghĩa từ 0 tới 1. Nếu globalAlpha bằng không thì hình sẽ trong suốt,
HTML5 Canvas: bóng đỗ
Để thiết lập vị trí bắt đầu của shadow (offset shadow) chúng ta sử dụng thuộc tính shadowOffsetX và shadowOffsetY trong HTML5 Canvas.
shadowBlur: kích thước bóng đỗ
shadwColor: màu bóng đỗ
Lấy kích thước vùng chữ
Để lấy kích thước của vùng chữ trong HTML5 Cavans chúng ta có thể sử dụng phương thức measureText().
Cú pháp:
Viết chữ vào Canvas
Để viết chữ trong thẻ HTML5 Canvas chúng ta dùng phương thức fillText(), để thiết lập font chữ dùng thuộc tính font.
Chèn hình với drawImage
Để chèn hình vào HTML5 Canvas chúng ta dùng phương thức drawImage.
To draw an image using HTML5 Canvas, we can use the drawImage() method which requires an image object and a destination point. The destination point is relative to the top left corner of the image.
Cú pháp:
HTML5 Canvas Pattern
HTML5 Canvas: tô màu Gradient Radial
Để tô màu gradient radial (màu gradient theo hình tròn) trong HTML5 Canvas chúng ta sử dụng phương thức createRadialGradient(). Radial gradients được định nghĩa bởi hai điểm bắt đầu và kết thúc (tương tự Gradient Linear).
Cú pháp:



.jpg)
