今天没学到东西...倒是做饼越来越拿手了

好吧!看了下html5的画布,

 

找到这个<canvas> 元素:(这个东东就是画布啦,还没写它的属性呢)

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">

好的,js找到它后,会在其中定义它的一些属性并且操作的,而此处canvas 的width,height,style,这三个属性你们都认识的

</canvas>

 

 

<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");

getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

ctx.fillStyle="#FF0000";

设置fillStyle属性可以是CSS颜色，渐变，或图案。fillStyle 默认设置是#000000（黑色）.
ctx.fillRect(0,0,150,75);

 fillRect 方法拥有参数 (0,0,150,75)。
</script>

 

大概的意思呢就是说要在画布上绘制 150x75 的矩形，从左上角开始 (0,0)。

当然这只是理解它是怎么用的,至于它的方法还有不少呢因为我也还没接触到所以暂时就先写到这里...

 

那么.不喜欢也别丢砖头可好?