HTML5 canvas简介

  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标签时,将显示这行文字。

加支付宝好友偷能量挖...


评论(0)网络
阅读(143)喜欢(1)Canvas/VML/SVG