Maison > Article > interface Web > Introduction à la façon dont JavaScript et HTML5 implémentent des motifs circulaires de dessin sur toile
Introduction à la façon dont JavaScript et HTML5 implémentent des motifs circulaires de dessin sur toile
- 黄舟original
- 2018-05-10 14:04:491586parcourir
Cet article présente principalement la méthode js+html5 pour implémenter un canevas pour dessiner des motifs circulaires, impliquant les compétences de base du dessin graphique html5. Les amis dans le besoin peuvent s'y référer
L'exemple de cet article en parle. le js+html5 pour implémenter Canvas Comment dessiner des motifs circulaires. Partagez-le avec tout le monde pour votre référence. La méthode spécifique de mise en œuvre est la suivante :
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(95,50,40,0,2*Math.PI);
ctx.stroke();
</script>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration：
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