首页 > 网站 > WEB开发 > 正文

HTML5 canvas简介

2024-04-27 13:52:43
字体:
来源:转载
供稿:网友

  HTML5 提供了画布(canvas)标签,通过与Javascript结合使用,可以在网页上绘制图像。Canvas是一个矩形区域,使用Javascript可以控制其每一个像素。本文将对canvas标签进行简要的学习。

  canvas标签说明:canvas标签是一个矩形区域,它包含两个属性width和height,分别表示矩形区域的宽和高,这两个属性都是可选的,并且都可以通过css来设定,他们的默认值是300px和150px。canvas在网页中的形式如下

    <canvas id="myCanvas" width=”300” height=”200” style="border:1px solid #c3c3c3;">          Your browser does not support the canvas element.             </canvas>   

说明:为canvas设置id属性是便于Javascript调用; 第二行是当浏览器不支持canvas标签时,将显示这行文字。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表