Canvas n'est pas une nouvelle fonctionnalité de CSS3. Canvas est une nouvelle balise HTML5, utilisée pour dessiner des graphiques via des scripts ; CSS3 est un langage spécifiquement utilisé pour contrôler l'effet d'affichage des pages Web. Il n'y a aucun lien entre les deux.
L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.
Canvas n'est pas une nouvelle fonctionnalité de CSS3, mais une nouvelle balise de HTML5. La balise
canvas
La balise
Remarque : tout texte contenu dans l'élément
Les exemples sont les suivants :
<html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <canvas id="myCanvas">你的浏览器不支持 HTML5 canvas 标签。</canvas> <script> var c=document.getElementById('myCanvas'); var ctx=c.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); </script> </body> </html>
Résultats de sortie :
css3
CSS3 est une version améliorée de la technologie CSS (Cascading Style Sheets). 23, 2001. La version de travail de CSS3 a été publiée, qui comprend principalement des modules tels que le modèle de boîte, le module de liste, le mode hyperlien, le module de langue, l'arrière-plan et la bordure, les effets de texte, la mise en page multi-colonnes, etc.
Un changement majeur dans l’évolution du CSS est la décision du W3C de diviser CSS3 en une série de modules. Les fournisseurs de navigateurs innovent rapidement au rythme du CSS. Ainsi, en adoptant une approche modulaire, les éléments de la spécification CSS3 peuvent avancer à des vitesses différentes, car les différents fournisseurs de navigateurs ne prennent en charge que des fonctionnalités données. Mais différents navigateurs prennent en charge différentes fonctionnalités à des moments différents, ce qui complique également le développement entre navigateurs.
(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)
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!