最近更新
阅读排行
关注本站
初试HTML5
阅读：3310 次 编辑日期：2014-03-24
目录：
概述：
最近真TM是太忙了，一直没有更新，一边忙结婚的事，一遍学习Java，之前一篇文章简单的说一下HTML5的基本知识点，今天我们来说一说画布 - Canvas。
什么是 Canvas：
HTML5 的 canvas 元素可以使用 JavaScript 在网页上绘制图像。是不是很吊？
如何创建 Canvas：
Canvas说白了其实就是一个标签，类似于DIV。
<canvas id="uw3c" width="200" height="100"></canvas>
如何通过JS来绘制：
1.用JS找到ID。
var thisId = document.getElementById("uw3c");
2.创建 context 对象。
var cxt=c.getContext("2d");
getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
3.创建 context 颜色。
cxt.fillStyle="#FF0000";
4.创建 context 形状。
cxt.fillRect(0,0,150,75);
0,0为左上角坐标，150,75为右下角坐标。
