1.Html5簡(jiǎn)介
萬(wàn)維網(wǎng)的核心語(yǔ)言、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言（HTML）的第五次重大修改，目標(biāo):HTML5取代HTML4和XHTML2.0成為新標(biāo)準(zhǔn)
2.Canvas基礎(chǔ)知識(shí)
<canvas>標(biāo)簽的基本結(jié)構(gòu)如下：
<canvas id="myCanvas" width="200" height="200">< /canvas>
var cvs = document.getElementById("myCanvas");
注意：IE 6 7 8不支持 <canvas>標(biāo)簽
var ctx = cvs.getContext("2d");
3.繪制
簡(jiǎn)單繪制
繪制矩形
rect(x,y,w,h)：x、y為起始坐標(biāo)，w、h為矩形的寬、高
支持這么寫：ctx.fillRect(x,y,w,h) 及 ctx.strokeRect(x,y,w,h)
繪制圓形
arc(x,y,r,sa,ea,true/false)：
x、y為圓心坐標(biāo)，r為半徑，sa、ea分別為起始角度和結(jié)束角度，
true是逆時(shí)針畫圓，false是順時(shí)針畫圓；360度角即2PI弧度，1度就是2PI/360=PI/180弧度
貝塞爾曲線
quadraticCurveTo (cx,cy,ex,ey) 二次貝塞爾曲線，一個(gè)控制點(diǎn)，一個(gè)結(jié)束點(diǎn)
bezierCurveTo (cx1,cy1,cx2,cy2,ex,ey) 三次貝塞爾曲線，兩個(gè)控制點(diǎn)，一個(gè)結(jié)束點(diǎn)
遠(yuǎn)近互聯(lián)前端小華整理發(fā)布，希望能對(duì)學(xué)習(xí)技術(shù)的你有所幫助
遠(yuǎn)近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開(kāi)發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運(yùn)營(yíng)的品牌整合營(yíng)銷服務(wù)，讓客戶通過(guò)網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績(jī)。
