一卧惜、Canvas-繪制文字
1尸变、屬性
1）與css的font屬性類似，接受值也完全相同
font
2）水平對齊方式艇棕，值可以是left蝌戒、right和center
textAlign
//繪制文本的基準線
context.beginPath();
context.moveTo(200,0);
context.lineTo(200,400);
context.stroke();
3）文本基線,設(shè)置垂直方向?qū)R,值可以是top、middle和bottom沼琉，alphabetic（默認值北苟，字母基線）hanging（ 懸掛基線）
textBaseline
注意： 無論是水平方向?qū)R還是垂直方向?qū)R，都是基準線對齊打瘪，并不是文字對齊
2友鼻、方法
1）在指定位置繪制空心文字傻昙，后面的x,y指的是左下角的坐標
strokeText(text,x,y)
2）在指定位置繪制實心文字
fillText(text,x,y)
3）返回指定文字的大小信息
measureText("指定文本")
二、canvas-設(shè)置陰影
1彩扔、使用CSS語法聲明陰影顏色
shadowColor
2妆档、接受一個數(shù)字，確定對象陰影的水平投射距離
shadowOffsetX
3借杰、接受一個數(shù)字过吻，確定對象陰影的垂直投射距離
shadowOffsetY
4、為陰影生成模糊效果
shadowBlur
三蔗衡、canvas-創(chuàng)建路徑-繪制矩形和圓形
1纤虽、標識方法
開始創(chuàng)建路徑，每次繪制新圖形之前绞惦，都要先重新創(chuàng)建一個路徑
beginPath()
結(jié)束創(chuàng)建路徑逼纸，主要用于讓線條閉合
closePath()
2、設(shè)置方法
設(shè)置矩形形狀
rect(x,y,width,height)
x和y - 矩形的左上角
width/height - 矩形的寬和高
設(shè)置圓形形狀
arc(x,y,radius,startAngle,endAngle,direction)
x/y - 設(shè)置圓心的坐標值
radius - 圓形的半徑
startAngle - 開始位置
endAngle - 結(jié)束位置
direction - 方向：默認值為false济蝉，表示順時針