Sau khi nắm ba bài vẽ đường thẳng, đường cong và đường cong phức tạp bây giờ chúng ta bắt đàu làm bài tập thực hành kết hợp ba bài này để vẽ những đường mà chung ta muốn.

Để gắn góc bo tròn hay vuông hai đầu cho đường thẳng trong HTML5 Canvas, chúng ta sử dụng thuộc tính lineCap. lineCap có 3 giá trị: butt, round, và square. Giá trị mặc định là butt.

Để vẽ một đường thẳng sử dụng HTML5 Canvas, chúng ta dùng các phương thức moveTo(), lineTo() và stroke()

Đầu tiên trong chúng ta đặt thẻ Canvas vào trong body