Heim > Web-Frontend > HTML-Tutorial > HTML5-Canvas

HTML5-Canvas

(*-*)浩
Freigeben: 2019-10-24 15:11:49
Original
2324 Leute haben es durchsucht

Das Canvas-Element wird zum Zeichnen von Grafiken auf Webseiten verwendet.

HTML5-Canvas

Was ist Canvas?

Das Canvas-Element von HTML5 verwendet JavaScript, um Bilder auf einer Webseite zu zeichnen. (Empfohlenes Lernen: HTML-Tutorial)

Die Leinwand ist ein rechteckiger Bereich, und Sie können jedes Pixel davon steuern.

Canvas bietet viele Möglichkeiten zum Zeichnen von Pfaden, Rechtecken, Kreisen und Zeichen sowie zum Hinzufügen von Bildern.

Canvas-Element erstellen

Canvas-Element zur HTML5-Seite hinzufügen.

Gibt die ID, Breite und Höhe des Elements an:

<canvas id="myCanvas" width="200" height="100"></canvas>
Nach dem Login kopieren

Zeichnen über JavaScript

Das Canvas-Element selbst verfügt über keine Zeichenfunktionen. Alle Zeichenarbeiten müssen in JavaScript erfolgen:

<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonHTML5-Canvas. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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