canvas
HTML5 Canvas: vẽ hình oval
Tue, 12/20/2011 - 22:21 | 
Ứng dụng kết hợp scale(), save() và restore() để vẽ hình oval. Các bạn có thắc mắc tại sao phải dùng store() trong trường hợp này không? Nếu có bạn hãy thử viết và test lại bài này nhé.
giancon's blog | 
Login or register to post comments | 
Tags: canvas, Canvas 2d, HTML5, HTML5 Canvas, HTML5 Canvas Advanced HTML5 Canvas: lật ngược hình (scale)
Để lật ngược hình (mirror transform) trong HTML5 Canvas chúng ta sử dụng scale với giá trị offsetX hoặc offsetY là -1.
HTML5 Canvas: Scale
Để scale trong HTML5 Canvas chúng ta dùng phương thức scale(). Phương thức này được định nghĩa với hai tham số scale x và scale y.
Cú pháp:
giancon's blog | Login or register to post comments | Tags: canvas, Canvas 2d, HTML5, HTML5 Canvas Advanced, scale HTML5 Cavnas: translate
Để di chuyển con trỏ tới một điểm (như moveTo) chúng ta có thể dùng phương thúc translate().
giancon's blog | Login or register to post comments | Tags: canvas, Canvas 2d, HTML5, HTML5 Canvas Advanced, translate 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,
giancon's blog | Login or register to post comments | Tags: canvas, Canvas 2d, globalAlpha, HTML5, HTML5 Canvas tutorial, Opacity 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 đỗ
giancon's blog | Login or register to post comments | Tags: canvas, Canvas 2d, HTML5, HTML5 Canvas tutorial, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY .jpg)
