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

    html canvas标签怎么用

    藏色散人藏色散人2019-05-26 09:15:25原创1631
    html canvas标签用于定义图形,比如图表和其他图像,<canvas>标签只是图形容器,通过脚本 (通常是JavaScript)来完成,可以使用canvas绘制路径,盒、圆、字符以及添加图像。

    canvas是什么意思?html canvas标签怎么用?

    作用:定义图形,比如图表和其他图像。

    说明:

    <canvas> 标签只是图形容器,通过脚本 (通常是JavaScript)来完成,可以使用canvas绘制路径,盒、圆、字符以及添加图像。

    注释:

    <canvas> 标签是 HTML 5 中的新标签。Internet Explorer 8 以及更早的版本不支持 <canvas> 标签。

    html canvas标签 示例

    <!DOCTYPE HTML>
    <html>
    <body>
    <canvas id="myCanvas">your browser does not support the canvas tag </canvas>
    <script type="text/javascript">
    var canvas=document.getElementById('myCanvas');
    var ctx=canvas.getContext('2d');
    ctx.fillStyle='#FF0000';
    ctx.fillRect(0,0,80,100);
    </script>
    </body>
    </html>

    效果:

    0076382acf0f8ff7915389d6af2f637.png

    以上就是html canvas标签怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html canvas标签
    上一篇:html button标签怎么用 下一篇:html caption标签怎么用
    PHP编程就业班

    相关文章推荐

    • html big标签怎么用• html中br标签的作用• html td标签怎么用• html button标签怎么用

    全部评论我要评论

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

    PHP中文网