HTML5 verwendet Canvas zum Zeichnen einer Linie._HTML5-Tutorial-Fähigkeiten

Der Code ist zu einfach, deshalb rede ich keinen Unsinn

Code kopieren

Der Code lautet wie folgt:

var canvas=document.getElementById ("canvas ");
//Zeichnungsumgebung festlegen
var cxt=canvas.getContext('2d');
//Neuen Pfad öffnen
cxt.beginPath();
// Lege die Breite des Strichs fest
cxt.lineWidth=10;
//Lege die Farbe des Strichs fest
cxt.StrokeStyle="#00ff00";
//Lege die Position fest der Strich
cxt.moveTo( 20,20);
//Bewegungsposition festlegen
cxt.lineTo(100,20);
//Eine Linie zeichnen
cxt.Stroke( );//Die Linie ist zu diesem Zeitpunkt herausgekommen
//Schließe den Pfad
cxt.closePath();
//Alle Pfadgrafiken müssen den Pfad zuerst beginnen und der Pfad muss nach dem Zeichnen enden