Tìm kiếm
Convert Design to HTML
CONVERT DESIGN TO HTML
 
Nhận xét gần đây

HTML5 Canvas tutorial

Học HTML5 Canvas căn bản cho người mới bắt đầu.

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 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

Thay vì tô màu thuần, gradient, chúng ta có thể đổ hình background cho context bởi phương thức createPattern() để thiết lập dạng nền cho thuộc tính fillStyle.
 
Cú pháp:
 
1
2
3

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:

Thời trang 3C
Váy, đầm xinh dự tiệc, dạo phố
Váy đầm, áo thời trang nữ, cực hot, cực chất cực rẻ. Ship hàng tận nơi, còn chờ gì mà không mua ;)
Váy, đầm xinh dự tiệc, dạo phố
Mua quần áo online, click chuột hàng tới tận tay. Giao hàng tận nơi trên toàn quốc
Đăng nhập
CAPTCHA
Vui lòng nhập mã xác nhận
Image CAPTCHA
Enter the characters shown in the image.
Lên đầu trang