recherche

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:491641parcourir

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!

JavaScript html5 JS canvas
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
Article précédent：Résumé de divers exemples de la façon dont jquery exploite les tablesArticle suivant：Résumé de divers exemples de la façon dont jquery exploite les tables

Articles Liés

Voir plus