首页 > 文章 > web前端 > canvas是css3新特性吗

canvas是css3新特性吗

WBOY原创: 2022-03-30 14:32:421961浏览

canvas不是css3的新特性。canvas是html5的一个新标签，该标签用于通过脚本来绘制图形；而css3则是专门用来控制网页显示效果的语言，二者之间不存在什么关联。

canvas是css3新特性吗

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

canvas是css3新特性吗

canvas不是css3的新特性，而是html5的新标签。

canvas

5ba626b379994d53f7acf72a64f9b697 标签通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。

5ba626b379994d53f7acf72a64f9b697 标签只是图形容器，您必须使用脚本来绘制图形。

注释：5ba626b379994d53f7acf72a64f9b697 元素中的任何文本将会被显示在不支持 5ba626b379994d53f7acf72a64f9b697 的浏览器中。

示例如下：

<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>

输出结果：

css3

CSS3是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。

CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性，这也让跨浏览器开发变得复杂。

（学习视频分享：css视频教程）

以上是canvas是css3新特性吗的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：es6中symbol到底是什么下一篇：html5怎么让文章题目居中

查看更多