Canvas merupakan element baru yang terdapat pada HTML5, didalam canvas kita mengisi dengan bentuk-bentuk, text, garis, mewarnainva sebagainya.

Element canvas adalah tempatnya sedangkan yang menggambarnya adalah javascript, canvas memiliki beberapa metoda untuk menggambar.
Diantaranya adalah garis, bentuk kotak, bentuk bulat, text dan bahkan menambahkan gambar
Vue Js menyediakan fasilitas untuk penggunaan canvas, dengan bantuan directives, berikut format pendefinisian canvas di Vue Js:

Untuk nama_directive itu bebas, untuk menggambar kita gunakan format seperti dibawah ini:

 

Dan untuk memanggilnya pada HTML, kita bisa menggunakan tag dibawah ini:

Semisal nama directivenya adalah kotak, maka pada tag canvas kita tuliskan v-kotak.