Maison > interface Web > Tutoriel H5 > Le didacticiel HTML5 appelle l'API de dessin pour dessiner un simple cercle. Code Sharing_html5 Compétences du didacticiel

Le didacticiel HTML5 appelle l'API de dessin pour dessiner un simple cercle. Code Sharing_html5 Compétences du didacticiel

WBOY
Libérer: 2016-05-16 15:48:38
original
1447 Les gens l'ont consulté


Copier le code
Le code est le suivant :


HTML5 dessine un cercle

<script><br>$(document).ready(function(){<br>var c=document.getElementById("drawbox");<br>var draw=c.getContext("2d"); //Obtenir une référence au contenu 2D et appeler l'API de dessin</p> <p>draw.fillStyle="red"; //Color<br>draw.beginPath(); //Dessine à nouveau<br>draw.arc(50,50,50,0,Math.PI*2,true ); //Centre x coordonnée|Centre y coordonnée|Diamètre|Début|PI est pi, Math.PI*2 consiste à dessiner un cercle|vrai dans le sens des aiguilles d'une montre : dans le sens inverse des aiguilles d'une montre, 0 dans le sens des aiguilles d'une montre, <br>draw.closePath() ; //Fin<br>draw.fill();<br>})<br></script>






Rendu

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal