html+canvas+标签,HTML

HTML 标签

实例

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

var canvas=document.getElementById('myCanvas');

var ctx=canvas.getContext('2d');

ctx.fillStyle='#FF0000';

ctx.fillRect(0,0,80,100);

亲自测试一下

浏览器支持

aa449069313e06770fc14f0bf3531018.gif

d2a5fd4f5e572149fb9e07a44251875e.gif

43a047b3e38bb70b9d63c19386e823e8.gif

f7c848000e18649e93242e2000d356bb.gif

8ec21785afaef15f590c2ef69b636520.gif

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

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

标签定义及使用说明

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

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

HTML 4.01 与 HTML5之间的差异

标签是 HTML5 中的新标签。

提示和注释

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

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

属性

New : HTML5 中的新属性。 属性 值 描述

pixels 规定画布的高度。

pixels 规定画布的宽度。

全局属性

标签支持 HTML 的全局属性。

事件属性

标签支持 HTML 的事件属性。

本文网址:http://www.santii.com/html/tag-canvas.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值