c.beginPath() //開始一條新路徑
c.moveTo(100,100) //從(100,100)開始定義一條新的子路徑
c.lineTo(200,200) //從(100,100)到(200,200)繪制一條線段
c.fill() // 填充區(qū)域
c.stroke() // 勾勒線段
c.closePath()  // 關(guān)閉路徑，即將終點(diǎn)和起點(diǎn)連接起來

非零繞數(shù)原則

save()將當(dāng)前圖形狀態(tài)壓入用于保存狀態(tài)的棧上

restore() 從棧中彈出并恢復(fù)最近一次保存的狀態(tài)

尺寸：canvas元素的width和height屬性和畫布對(duì)象的寬度高度決定畫布的尺寸

坐標(biāo)：畫布左上角為原點(diǎn)

當(dāng)前變換矩陣：定義畫布的當(dāng)前坐標(biāo)系

fillRect()

stokeRect()

clearRect()

rect()

strokeStyle、fillStyle

globalAlpha

利用createPattern()方法填充圖案

var image = document.getElementById("myimage")
c.fillStyle=c.createPattern(image,"repeat")
// 第一個(gè)參數(shù)指定填充的圖案，可以是img元素（包括通過Image構(gòu)造函數(shù)創(chuàng)建）、canvas元素、video元素；第二個(gè)參數(shù)定義平鋪方式

利用CanvasGradient對(duì)象創(chuàng)建漸變

lineWidth：默認(rèn)為1，任意正數(shù)，小于1的小數(shù)時(shí)繪制半透明

lineCap:封頂

lineJoin

fillText()/strokeText():

第一個(gè)參數(shù)為文本內(nèi)容

第二個(gè)和第三個(gè)參數(shù)分別為繪制X、Y坐標(biāo)

textAlign/textBaseline

第四個(gè)參數(shù)指定顯示寬度，如果文本溢出則會(huì)縮放畫布或者采用更窄更小的字體

在繪制前可以通過measureText()度量文本寬度

clip()

shadowColor：顏色

shadowOffsetX、shadowOffsetY偏移量

shadowBlur模糊度

drawImage():

第一個(gè)參數(shù)為圖片源，可以是img元素（包括通過Image構(gòu)造函數(shù)創(chuàng)建）、canvas元素、video元素

第二個(gè)和第三個(gè)參數(shù)分別為繪制X、Y坐標(biāo)

如果傳遞5個(gè)參數(shù)，剩余兩個(gè)指定寬高

如果傳遞9個(gè)參數(shù)，2~5參數(shù)指定源矩形區(qū)域，6~9指定目標(biāo)矩形區(qū)域

toDataURL()，畫布元素自身的方法，提取成一張圖片，同源限制

第一個(gè)參數(shù)指定MIME類型，默認(rèn)png

isPointInPath() 指定點(diǎn)是否在路徑上

getImageData() 檢測(cè)指定點(diǎn)是否已繪制

navigator.geolocation

navigator.geolocation.getCurrentPosition() // 獲取當(dāng)前位置，異步
navigator.geolocation.wathcPosition() // 獲取并監(jiān)聽當(dāng)前位置，改變觸發(fā)回調(diào)，異步
navigator.geolocation.clearWatch() //停止監(jiān)聽 

location.hash、hashchange

history.pushState()、popstate、history.replaceState()

postMessage(data數(shù)據(jù),url目標(biāo)窗口源)，觸發(fā)目標(biāo)窗口window.onmessage，事件對(duì)象屬性：

data:內(nèi)容

source：消息來源window

origin：消息來源url

let worke= new Worker("./worker.js") // 創(chuàng)建worker實(shí)例
// 如果地址是絕對(duì)地址，那么受同源策略限制
worke.postMessage(data) // 將數(shù)據(jù)傳遞（結(jié)構(gòu)性復(fù)制）給worker

// 在worker對(duì)象中接受消息
worke.onmessage=function(e){
    let data=e.data
}
// 捕捉錯(cuò)誤
worke.onerror=function(e){
    console.log(e.filename)
    console.log(e.lineno)
}
// 也可以使用addEventListener和removeEventListener代替以上方法

worke.terminate() // 使用完關(guān)閉進(jìn)程

創(chuàng)建的worker在一個(gè)全新的運(yùn)行環(huán)境中，即WorkerGlobalScope全局對(duì)象，該對(duì)象有如下屬性和方法：

onmessage=fn(e) 接受外部傳來的數(shù)據(jù)

postMessage(data) 發(fā)送消息出去

close() 關(guān)閉當(dāng)前worker

importScript（url1,url2...） 加載庫代碼 同步

self 自身引用

計(jì)時(shí)器相關(guān)

location

navigator

常用的事件目標(biāo)方法，addEventLisitener、removeEventListener

onerror

類數(shù)組對(duì)象，和常規(guī)數(shù)組區(qū)別：

類型化數(shù)組元素均為數(shù)字，在創(chuàng)建時(shí)就決定了數(shù)組中數(shù)字的類型和大?。▎挝唬何唬?/p>

類型化數(shù)組有固定長(zhǎng)度

在創(chuàng)建類型化數(shù)組時(shí)，數(shù)組中元素總是默認(rèn)為0

一共有8種：

方法：

set() 將一個(gè)常規(guī)或者類型化數(shù)組復(fù)制到另外一個(gè)類型化數(shù)組中

let bytes=new Uint8Array(1024)
let pattern=new Uint8Array([0,1,2,3])
bytes.set(pattern)
bytes.set(pattern,4) // 4為偏移量
bytes.set([0,1,2,3],8)

subarray(start,end) 返回部分內(nèi)容

DataView定義了8個(gè)set和get方法

是對(duì)大數(shù)據(jù)塊的不透明引用或者句柄。表示二進(jìn)制大對(duì)象

let blob= new BlobBuilder()
blob.append("data")
blob.size //字節(jié)大小
blob.type // MIME類型
blob.slice(0,1024,"text/plain")

利用FileReader對(duì)象

let fs = requestFileSystemSync(PERSISTENT,1024*1024)
requestFileSystemSync(TEMPORARY,// 有效期
    50*1024*1024,// 大小:50MB
    function(fs){//fs為該文件系統(tǒng)對(duì)象 
    
    },function(err){

    
})

webSQL 棄用

indexedDB 對(duì)象數(shù)據(jù)庫

let indexedDB=window.indexedDB
let request=indexedDB.open("dbName")
request.onerror=function(err){}
request.onsuccess=function(){
    let db=request.result
}

let socket=new WebSocket(url) // ws://或者wss://協(xié)議
socket.onopen=function(e){}
socket.onclose=function(e){}
socket.onerror=function(e){}
socket.onmessage=function(e){}
socket.send("hello")
socket.close()