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";