一些js语法和html5画布的内容以及一点点网页内容

网页内容:

1、网页标题上的图标,是在title标签的下面加上<link rel="icon"href=""type="" size="">

2、布局时选择器一般用类选择器,有关后台的一般用id选择器。.

3、text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。
      基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}.

html5之canvas:

1、canvas定义:HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。

      canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

2、创建canvas元素:在html5页面中添加代码:<canvas id="myCanvas“ width="200" height="200"></canvas>

     (注:其中的名称选择器名称可以自己起,宽度以及高度也可以自己设定)

3、canvas本身是没有画图功能的,只能借助javascript来绘制,所以要实现html5画布功能,要先掌握一些js基础语法知识。

4、利用javascript,分几步绘制。

   首先,JavaScript 使用 id 来寻找 canvas 元素:var c=document.getElementById("myCanvas"); 

   然后,创建 context 对象:var ctx=c.getContext("2d");var cxt=c.getContext("2d"); 

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

   再者,具体使用的函数需要根据所要花的图形运用具体的代码来,下面是一些常用的代码及其功能。

~ctx.stroke()和ctx.fill()都是用来实现画出图形,只不过两者的区别是:ctx.stroke()画线,ctx.fill()填充,其中

    还可以使用strokeStyle和fillStyle来改变样式。

~ctx.beginPath();//开始一条路径

(注:以上的ctx都是在一开始)

~ctx.closePath();//结束一条路径

~ctx.lineWidth=10*rem;//改变线条的宽度

~ctx.arc(0,0,r-ctx.lineWidth/2,0,2*Math.PI,false);//画圆

~ctx.translate(r,r);//改变坐标原点

(注:以上的ctx都是在创建context对象时定义的全局变量)

javascript的一点内容:

1、语法:

js区分大小写      变量是弱类型,只有var来定义变量,可以转化为不同类型       每条语句结尾的分号可有可无

注释与c语言等相同,//和/**/两种形式       

2、变量:

声明变量              var 变量名;//只声明      var 变量名=值或者字符串;//声明并且赋值   var  变量名1=值,变量名2=值;//声明并赋值多个变量

变量有 数组,布尔型,浮点型,函数,整形,对象,正则表达式,字符串,变型

3、关键字有:

break
case
catch
continue
default
delete
do
else
finally
for
function
if
in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with

4、保留字有:

 

 

abstract
boolean
byte
char
class
const
debugger
double
enum
export
extends
final
float
goto
implements
import
int
interface
long
native
package
private
protected
public
short
static
super
synchronized
throws
transient
volatile

(注:不能使用关键字和保留字来当做变量名)

 

其中还有一些js语法还不太了解,还需要再学习。