Maison  >  Article  >  interface Web  >  Canvas est-il une nouvelle fonctionnalité de CSS3 ?

Canvas est-il une nouvelle fonctionnalité de CSS3 ?

WBOY
WBOYoriginal
2022-03-30 14:32:421976parcourir

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.

Canvas est-il une nouvelle fonctionnalité de CSS3 ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Canvas est-il une nouvelle fonctionnalité de CSS3 ?

Canvas n'est pas une nouvelle fonctionnalité de CSS3, mais une nouvelle balise de HTML5. La balise

canvas

utilise des scripts (généralement JavaScript) pour dessiner des graphiques (tels que des graphiques et d'autres images).

La balise n'est qu'un conteneur graphique, vous devez utiliser un script pour dessiner les graphiques.

Remarque : tout texte contenu dans l'élément sera affiché dans les navigateurs qui ne prennent pas en charge .

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(&#39;myCanvas&#39;);
var ctx=c.getContext(&#39;2d&#39;);
ctx.fillStyle=&#39;#FF0000&#39;;
ctx.fillRect(0,0,80,100);
</script>
</body>
</html>

Résultats de sortie :

Canvas est-il une nouvelle fonctionnalité de CSS3 ?

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!

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