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
Code kopieren
Der Code lautet wie folgt:http://ajax.googleapis.com/ajax/libs/jquery/1.7.1 /jquery .min.js">>
<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>