中国最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2

HTML参考手册

  • HTML 标签列表(字母排序)
  • HTML 标签列表(功能排序)
  • HTML 全局属性
  • HTML 事件
  • HTML 画布
  • HTML 音频/视频
  • HTML 有效DOCTYPES
  • HTML 颜色名
  • HTML 在线拾色器
  • HTML 颜色混搭
  • HTML 字符集
  • HTML ASCII 参考手册
  • HTML ISO-8859-1 参考手册
  • HTML 符号实体参考手册
  • HTML URL 编码参考手册
  • HTML 语言代码参考手册
  • HTTP 状态消息
  • HTTP 方法:GET 对比 POST
  • Px、Em 换算工具
  • px,pt,em 换算表
  • px、em、rem区别介绍
  • 键盘快捷键
  • HTML标签

  • HTML track kind 属性
  • HTML video autoplay 属性
  • HTML video controls 属性
  • HTML track label 属性
  • HTML video height 属性
  • HTML track src 属性
  • HTML video loop 属性
  • HTML track srclang 属性
  • HTML video muted 属性
  • HTML tr align 属性
  • HTML video poster 属性
  • HTML tr bgcolor 属性
  • HTML video preload 属性
  • HTML tr char 属性
  • HTML video src 属性
  • HTML tr charoff 属性
  • HTML video width 属性
  • HTML tr valign 属性
  • HTML track default 属性
  • HTML tbody valign 属性
  • HTML script src 属性
  • HTML tbody charoff 属性
  • HTML script type 属性
  • HTML tbody char 属性
  • HTML q cite 属性
  • HTML tbody align 属性
  • HTML ol compact 属性
  • HTML style media 属性
  • HTML ol reversed 属性
  • HTML style scoped 属性
  • HTML ol start 属性
  • HTML style type 属性
  • HTML ol type 属性
  • HTML script async 属性
  • HTML script charset 属性
  • HTML script defer 属性
  • HTML embed height 属性
  • HTML button formaction 属性
  • HTML basefont face 属性
  • HTML embed src 属性
  • HTML button formenctype 属性
  • HTML embed type 属性
  • HTML button formmethod 属性
  • HTML basefont size 属性
  • HTML embed width 属性
  • HTML button formnovalidate 属性
  • HTML meta charset 属性
  • HTML dir compact 属性
  • HTML button formtarget 属性
  • HTML meta content 属性
  • HTML del cite 属性
  • HTML meta http-equiv 属性
  • HTML button name 属性
  • HTML del datetime 属性
  • HTML meta name 属性
  • HTML button type 属性
  • HTML button autofocus 属性
  • HTML button value 属性
  • HTML meta scheme 属性
  • HTML button disabled 属性
  • HTML menu label 属性
  • HTML button form 属性
  • HTML menu type 属性
  • HTML basefont color 属性
  • HTML map name 属性
  • HTML fieldset disabled 属性
  • HTML fieldset form 属性
  • HTML fieldset name 属性
  • HTML <canvas> 标签

    阅读 (2198)

    HTML <canvas> 标签


    实例

    通过 <canvas> 元素来显示一个红色的矩形:

    <canvas id="myCanvas"></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>

    尝试一下 »

    浏览器支持

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

    IE 9、Firefox、Opera、Chrome 和 Safari 支持 <canvas> 标签。

    注释:IE 8 或更早版本的 IE 浏览器不支持 <canvas> 标签。


    标签定义及使用说明

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

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


    HTML 4.01 与 HTML5之间的差异

    <canvas> 标签是 HTML5 中的新标签。


    提示和注释

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

    提示:如想了解 canvas 对象的所有属性和方法,请参阅HTML 画布参考手册


    属性

    New : HTML5 中的新属性。

    属性 描述
    heightNew pixels 规定画布的高度。
    widthNew pixels 规定画布的宽度。

    全局属性

    <canvas> 标签支持 HTML 的全局属性


    事件属性

    <canvas> 标签支持 HTML 的事件属性

    关闭
    程序员人生