1.Html5簡介
萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言(HTML)的第五次重大修改,目標(biāo):HTML5取代HTML4和XHTML2.0成為新標(biāo)準(zhǔn)
2.Canvas基礎(chǔ)知識
<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.繪制
簡單繪制

繪制矩形
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是逆時針畫圓,false是順時針畫圓;360度角即2PI弧度,1度就是2PI/360=PI/180弧度
貝塞爾曲線
quadraticCurveTo (cx,cy,ex,ey) 二次貝塞爾曲線,一個控制點,一個結(jié)束點
bezierCurveTo (cx1,cy1,cx2,cy2,ex,ey) 三次貝塞爾曲線,兩個控制點,一個結(jié)束點
遠近互聯(lián)前端小華整理發(fā)布,希望能對學(xué)習(xí)技術(shù)的你有所幫助
遠近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運營的品牌整合營銷服務(wù),讓客戶通過網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績。






