Heim > Web-Frontend > H5-Tutorial > HTML5 verwendet Canvas zum Zeichnen einer Linie._HTML5-Tutorial-Fähigkeiten

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-05-16 15:47:16
Original
1793 Leute haben es durchsucht

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

Verwandte Etiketten:
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Aktuelle Ausgaben
HTML5-Validierung für Symfony 2.1
Aus 1970-01-01 08:00:00
0
0
0
Der Unterschied zwischen HTML und HTML5
Aus 1970-01-01 08:00:00
0
0
0
html5 anzeigen ausblenden
Aus 1970-01-01 08:00:00
0
0
0
HTML5-Formularvalidierung
Aus 1970-01-01 08:00:00
0
0
0
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage