简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

js méthode html5 pour tracer des lignes en spécifiant les points de début et de fin sur les compétences canvas_javascript

WBOY
Libérer： 2016-05-16 15:56:12
original
1280 Les gens l'ont consulté

L'exemple de cet article décrit la méthode de dessin de lignes en js html5 en spécifiant les points de début et de fin sur le canevas. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante : 

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #c3c3c3;">
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.moveTo(10,10);
ctx.lineTo(150,50);
ctx.lineTo(10,50);
ctx.stroke();
</script>
</body>
</html>
Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation Web de chacun.

Étiquettes associées：
canvas html5 js
source：php.cn
Article précédent：Utilisation de la méthode getHours() pour traiter le temps dans les connaissances JavaScript_Basic Article suivant：Explication détaillée de l'utilisation de la méthode getTimezoneOffset() dans les connaissances JavaScript_Basic
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
Derniers articles par auteur
Derniers numéros
Comment utiliser la balise primitive ouverte dans Next JS 13 ? Dans la récente mise à jour NextJS13, ils ont introduit une nouvelle façon de gérer les ba...
Depuis 2023-11-10 23:03:51
0
1
527
Livewire non défini J'ai du mal à déployer mon projet LaravelLivewire sur le serveur. Le problème est que le f...
Depuis 2023-11-09 15:34:23
0
1
233
Vue js : Dépannage - Lecture de la propriété '$refs' de undefined Obtention de l'erreur Impossible de lire la propriété non définie (lecture de '$refs') mêm...
Depuis 2023-11-07 23:34:12
0
1
305
Étapes pour installer jQuery dans Nuxt.js Bien que j'essaie d'ajouter jQuery dans mon projet, j'obtiens une erreur indiquant qu'il n...
Depuis 2023-11-06 16:41:50
0
1
225
Comportement inattendu (bug du bouton blanc) lors de l'utilisation de Tailwind et MUI dans le projet NextJS Je construis actuellement un projet en utilisant NextJS, TailwindCSS et la bibliothèque MU...
Depuis 2023-11-04 11:04:23
0
1
178
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！