Comment dessiner des graphiques via la balise Canvas : créez d'abord un exemple de fichier HTML ; puis entrez "" dans le corps ; attributs css Il suffit de le styliser.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
La balise Canvas est un nouvel élément en HTML5. Cette balise est utilisée pour le dessin graphique. HTML5 est la cinquième révision majeure du langage HTML (Hypertext Markup Language), le langage de base du World Wide Web et une application sous Standard Universal Markup Language.
Donc, pour les débutants qui apprennent le HTML, ils ne comprendront peut-être pas cet élément de balise.
Ci-dessous, nous pouvons utiliser un exemple simple pour vous présenter l'utilisation détaillée de la balise Canvas.
L'exemple de code pour dessiner un graphique de toile simple (rectangle) à l'aide de toile est le suivant :
<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
<title>Canvas简单使用示例</title>
<style type="text/css">
#FirstCanvas{
width: 450px;
height: 300px;
border: 3px solid #3262ff;
background-color: #acffcb;
}
</style>
</head>
<body>
<canvas id="FirstCanvas"></canvas>
</body>
</html>Étude de référence recommandée : "Tutoriel HTML5"
L'effet graphique est le suivant :
Il convient de noter ici que par défaut l'élément
Cet article concerne le dessin de graphiques simples sur toile via la balise canvas. J'espère qu'il sera utile aux amis. besoin!
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!
architecture c/s et architecture b/s
Comment résoudre javascriptvoid(o)
La différence entre les threads et les processus
Pourquoi mon téléphone n'est-il pas éteint mais lorsque quelqu'un m'appelle, il me demande de l'éteindre ?
saut de ligne forcé de mot
tutoriel vbnet
Comment régler la sensibilité de la souris
commande d'arrêt planifié Linux
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
