Web前端学习第三天

javascript

1.声明二维数组要先声明一个数组，然后再在数组中创建一个数组

//创建数组
var i;
var arr=new Array();
for(i=0;i<4;i++)
{
     arr[i]=new Array(4);
}
//初始化
var j;
for(i=0;i<4;i++)
{
    for(j=0;j<4;j++)
    {
        arr[i][j]=0;
    }
}

2.Javascript里有if-else if-else结构，但是else if只能出现一次，并不能像C#一样可以无穷多个。但是可以在最后的else里再嵌套if来达到目的。

var m=10;
if(m<10)
{
      //判断1              
}
else if(m<100)
{
      //判断2
}
else if(m<1000)  //这里不会报错，但是会直接跳过执行最后的else，这个判断相当于不存在！
{
      //判断3，无效
}
else
{
      //判断4
}

HTML5 canvas

1.先创建一个canvas标签

<canvas id="myCanvas" width="200" height="200"></canvas>

2.写javascript

<script type="text/javascript">
var c=document.getElementById("myCanvas");//获取元素　
var cxt=c.getContext("2d");//在cxt上创建画布实例,目前只支持"2d"图像
cxt.fillStyle="#FF0000";//设置画笔颜色
cxt.fillRect(0,0,150,75);//填充一个矩形(x,y,width,height)
</script>

附常用属性方法

fillStyle　　设置或返回用于填充绘画的颜色、渐变或模式context.fillStyle=color|gradient|pattern;

strokeStyle　　设置或返回用于笔触的颜色、渐变或模式context.strokeStyle=color|gradient|pattern;

createLinearGradient()　　创建线性渐变（用在画布内容上）context.createLinearGradient(x0,y0,x1,y1);

fillRect()　　绘制“被填充”的矩形context.fillRect(x,y,width,height);

fill()　　填充当前绘图（路径）context.fill();

stroke()　　绘制已定义的路径　　context.stroke();

moveTo()　　把路径移动到画布中的指定点，不创建线条　　context.moveTo(x,y);

font 　　设置或返回文本内容的当前字体属性　　context.font="italic small-caps bold 12px arial";