html5 menggunakan kanvas untuk melukis kemahiran tutorial line_html5

Kodnya terlalu mudah, jadi saya tidak akan bercakap kosong

Salin kod

Kodnya adalah seperti berikut:

var canvas=document.getElementById ("kanvas ");
//Tetapkan persekitaran lukisan
var cxt=canvas.getContext('2d');
//Buka laluan baharu
cxt.beginPath();
// Tetapkan lebar lejang
cxt.lineWidth=10;
//Tetapkan warna lejang
cxt.strokeStyle="#00ff00";
//Tetapkan kedudukan lejang
cxt.moveTo( 20,20);
//Tetapkan kedudukan bergerak
cxt.lineTo(100,20);
//Lukis garis
cxt.stroke( );//Barisan pada masa ini telah keluar
//Tutup laluan
cxt.closePath();
//Semua grafik laluan mesti memulakan laluan dahulu, dan laluan mesti berakhir selepas lukisan