Heim > Web-Frontend > H5-Tutorial > Das HTML5-Tutorial ruft die Zeichen-API auf, um einen einfachen Kreiscode zu zeichnen und teilt die Fähigkeiten des HTML5-Tutorials mit

Das HTML5-Tutorial ruft die Zeichen-API auf, um einen einfachen Kreiscode zu zeichnen und teilt die Fähigkeiten des HTML5-Tutorials mit

WBOY
Freigeben: 2016-05-16 15:48:38
Original
1447 Leute haben es durchsucht


Code kopieren
Der Code lautet wie folgt:


HTML5 zeichnet einen Kreis

<script><br>$(document).ready(function(){<br>var c=document.getElementById("drawbox");<br>var draw=c.getContext("2d"); //Eine Referenz auf den 2D-Inhalt abrufen und die Zeichnungs-API aufrufen</p> <p>draw.fillStyle="red"; //Farbe<br>draw.beginPath(); //Erneut zeichnen<br>draw.arc(50,50,50,0,Math.PI*2,true ); //Mitte x-Koordinate|Mitte y-Koordinate|Durchmesser|Start|PI ist pi, Math.PI*2 soll einen Kreis zeichnen|wahr ist die Richtung im Uhrzeigersinn: gegen den Uhrzeigersinn, 0 ist im Uhrzeigersinn, <br>draw.closePath() ; //End<br>draw.fill();<br>})<br></script>






Rendering

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage