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