一、Canvas-繪制文字

1、屬性

   1）與css的font屬性類(lèi)似，接受值也完全相同

       font
       
   2）水平對(duì)齊方式，值可以是left、right和center 
   
       textAlign

       //繪制文本的基準(zhǔn)線(xiàn)
           context.beginPath();
           context.moveTo(200,0);
           context.lineTo(200,400);
           context.stroke();


   3）文本基線(xiàn),設(shè)置垂直方向?qū)R,值可以是top、middle和bottom，alphabetic（默認(rèn)值，字母基線(xiàn)）hanging（ 懸掛基線(xiàn)）

       textBaseline

   注意： 無(wú)論是水平方向?qū)R還是垂直方向?qū)R，都是基準(zhǔn)線(xiàn)對(duì)齊，并不是文字對(duì)齊

2、方法

   1）在指定位置繪制空心文字，后面的x,y指的是左下角的坐標(biāo)

       strokeText(text,x,y)
    
   2）在指定位置繪制實(shí)心文字

       fillText(text,x,y)

   3）返回指定文字的大小信息

       measureText("指定文本")

二、canvas-設(shè)置陰影

 1、使用CSS語(yǔ)法聲明陰影顏色

    shadowColor

 2、接受一個(gè)數(shù)字，確定對(duì)象陰影的水平投射距離
  
    shadowOffsetX

 3、接受一個(gè)數(shù)字，確定對(duì)象陰影的垂直投射距離
  
    shadowOffsetY

 4、為陰影生成模糊效果

    shadowBlur

三、canvas-創(chuàng)建路徑-繪制矩形和圓形

1、標(biāo)識(shí)方法

  開(kāi)始創(chuàng)建路徑，每次繪制新圖形之前，都要先重新創(chuàng)建一個(gè)路徑

    beginPath() 

  結(jié)束創(chuàng)建路徑，主要用于讓線(xiàn)條閉合

    closePath()

2、設(shè)置方法

  設(shè)置矩形形狀

    rect(x,y,width,height) 

    x和y - 矩形的左上角
    width/height - 矩形的寬和高

  設(shè)置圓形形狀

    arc(x,y,radius,startAngle,endAngle,direction)

    x/y - 設(shè)置圓心的坐標(biāo)值
    radius - 圓形的半徑
    startAngle - 開(kāi)始位置
    endAngle - 結(jié)束位置
    direction - 方向：默認(rèn)值為false，表示順時(shí)針