Bài viết của Trịnh Tiến Mạnh

fillText() trong Canvas

Viết chữ "Xin chào!" and "Cười tươi nào!" (với dải màu) trên canvas, sử dụng fillText(): 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 ...

Tác giả: Trịnh Tiến Mạnh viết 15:01 ngày 19/09/2018 chỉnh sửa

drawImage() trong Canvas

Ảnh sử dụng: Vẽ ảnh trên 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 ...

Tác giả: Trịnh Tiến Mạnh viết 15:00 ngày 19/09/2018 chỉnh sửa

strokeText() trong Canvas

Viết chữ "Hello world!" và "Big smile!" (với dải màu) trong Canvas, sử dụng strokeText(): 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 ...

Tác giả: Trịnh Tiến Mạnh viết 15:00 ngày 19/09/2018 chỉnh sửa

beginPath() trong Canvas

Vẽ 2 nét trong canvas, một màu xanh lá cây và một màu tím 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 24 25 26 27 28 ...

Tác giả: Trịnh Tiến Mạnh viết 15:00 ngày 19/09/2018 chỉnh sửa

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 chỉnh sửa

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 chỉnh sửa

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 chỉnh sửa

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 chỉnh sửa

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 chỉnh sửa

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 chỉnh sửa