• 技术文章 >web前端 >前端问答

    canvas是css3新特性吗

    长期闲置长期闲置2022-03-30 14:32:42原创85

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

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

    canvas是css3新特性吗

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

    canvas

    <canvas> 标签通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。

    <canvas> 标签只是图形容器,您必须使用脚本来绘制图形。

    注释:<canvas> 元素中的任何文本将会被显示在不支持 <canvas> 的浏览器中。

    示例如下:

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

    输出结果:

    08.png

    css3

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

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

    (学习视频分享:css视频教程

    以上就是canvas是css3新特性吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:es6中symbol到底是什么 下一篇:html5怎么让文章题目居中
    Web大前端开发直播班

    相关文章推荐

    • flex布局属于css3吗• css3只能实现一次动画吗• css3有判断语句吗• css3怎么去掉input点击的框• css3怎么实现动画结束不消失效果

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网