bezierCurveTo() trong Canvas

Vẽ đường cong Bézier bậc 3 Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < ! DOCTYPE html > < html > < body ...

Tác giả: Trần Trung Dũng viết 14:59 ngày 19/09/2018

isPointInPath() trong Canvas

Hiển thị hình chữ nhật nếu điểm 20,50 nằm trong hình: Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < ! DOCTYPE html > < ...

Tác giả: Trịnh Tiến Mạnh viết 14:59 ngày 19/09/2018

clip() trong Canvas

Cắt một khi vực hình chữ nhật có kích thước 200*120 pixels từ canvas. Sau đó, vẽ một hình chữ nhật màu đỏ. Chỉ những phần của hình chữ nhật màu đỏ nằm trong khu vực cắt được hiển thị: Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: ...

Tác giả: Trịnh Tiến Mạnh viết 14:59 ngày 19/09/2018

lineJoin trong Canvas

Tạo góc tròn giữa 2 dòng kẻ Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 < ! DOCTYPE html > < html > ...

Tác giả: Trần Trung Dũng viết 14:59 ngày 19/09/2018

quadraticCurveTo() trong Canvas

Tạo một đường cong Bézier bậc 2. Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < ! DOCTYPE html > < html > < ...

Tác giả: Trần Trung Dũng viết 14:59 ngày 19/09/2018

stroke() trong Canvas

Vẽ hình chữ L bằng màu đỏ Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 < ! DOCTYPE html > < html > < ...

Tác giả: Tạ Quốc Bảo viết 14:58 ngày 19/09/2018

scale() trong Canvas

Vẽ một hình chữ nhật, sau đó phóng to 200% và hiển thị hình mới Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < ! DOCTYPE html > ...

Tác giả: Trần Trung Dũng viết 14:58 ngày 19/09/2018

rect() trong Canvas

Vẽ hình chữ nhật có kích thước 50*100 pixels Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 < ! DOCTYPE html > < html > ...

Tác giả: Vũ Văn Thanh viết 14:58 ngày 19/09/2018

rotate() trong Canvas

Quay hình chữ nhật lệch 20 độ Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 < ! DOCTYPE html > < html > < body > ...

Tác giả: Trịnh Tiến Mạnh viết 14:58 ngày 19/09/2018

fillRect() trong Canvas

Vẽ hình chữ nhật được đổ màu với kích thước 150*100 Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < ! DOCTYPE html > < html > ...

Tác giả: Bùi Văn Nam viết 14:58 ngày 19/09/2018

lineWidth trong Canvas

Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 < ! DOCTYPE html > < html > < body > < canvas id = ...

Tác giả: Trịnh Tiến Mạnh viết 14:57 ngày 19/09/2018

closePath() trong Canvas

Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 < ! DOCTYPE html > < html > < body > < canvas ...

Tác giả: Trịnh Tiến Mạnh viết 14:57 ngày 19/09/2018

fill() trong Canvas

Vẽ hình chữ nhật được tô màu đỏ với kích thước 150*100 Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 < ! DOCTYPE html > < ...

Tác giả: Vũ Văn Thanh viết 14:57 ngày 19/09/2018

createRadialGradient() trong Canvas

Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 < ! DOCTYPE html > < html > < body > < canvas ...

Tác giả: Trịnh Tiến Mạnh viết 14:57 ngày 19/09/2018

strokeRect() trong Canvas

Vẽ hình chữ nhật kích thước 50*100 Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < ! DOCTYPE html > < html > < body ...

Tác giả: Trần Trung Dũng viết 14:56 ngày 19/09/2018

shadowColor trong Canvas

Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 < ! DOCTYPE html > < html > < body > < ...

Tác giả: Bùi Văn Nam viết 14:56 ngày 19/09/2018

clearRect() trong Canvas

Xóa toàn bộ điểm trong khung hình chữ nhật Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 < ! DOCTYPE html > < html > ...

Tác giả: Hoàng Hải Đăng viết 14:56 ngày 19/09/2018

shadowBlur trong Canvas

Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < ! DOCTYPE html > < html > < body > < canvas id = ...

Tác giả: Trần Trung Dũng viết 14:56 ngày 19/09/2018

moveTo() trong Canvas

Bắt đầu nét vẽ, di chuyển tới vị trí 0,0. Tạo một đường thẳng tới vị trí 300,150: Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < ! ...

Tác giả: Vũ Văn Thanh viết 14:56 ngày 19/09/2018

shadowOffsetY trong Canvas

Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 < ! DOCTYPE html > < html > < body > < canvas ...

Tác giả: Bùi Văn Nam viết 14:55 ngày 19/09/2018