clear移動(dòng)層#39#eventCanvas#39mouseupfunctione ifoptsdragAll else moveMapContextclearRect0， 0， 1100， 630 draging = false 小結(jié)功能原理都很簡(jiǎn)單，但能熟悉canvas的一些屬性和方法canvas層是可以重疊到一起的，這樣就可以在不同的層畫(huà)不同的內(nèi)容。

HTML5中的Canvas并沒(méi)有直接提供繪制橢圓的方法，下面是對(duì)幾種繪制方法的總結(jié)各種方法各有優(yōu)缺，視情況選用各方法的參數(shù)相同context為Canvas的2D繪圖環(huán)境對(duì)象，x為橢圓中心橫坐標(biāo)，y為橢圓中心縱坐標(biāo)，a為橢圓橫半軸長(zhǎng)，b為橢圓縱半軸長(zhǎng)參數(shù)方程法該方法利用橢圓的參數(shù)方程來(lái)繪制橢圓用參數(shù)。

height=quot905quot style=quotposition absolute top 687px left 721px z cursor crosshairquotltcanvas 這時(shí)就是一個(gè)類似截屏的x 手型鼠標(biāo)，然后用戶一點(diǎn)，就畫(huà)一個(gè)框框，再賦給一個(gè)邊框顏色，就感覺(jué)像是截屏了，最后再用html2canvas，生成當(dāng)前的區(qū)域的截圖，保存圖片就好了。

只有Canvas標(biāo)記是不能直接畫(huà)出圖來(lái)的，需要配合JavaScript語(yǔ)言，首先需要寫(xiě)出對(duì)應(yīng)的程序標(biāo)記Html語(yǔ)言中的標(biāo)記都是成對(duì)出現(xiàn)的，我們?yōu)榱吮苊忮e(cuò)誤，可以先將標(biāo)記的起始標(biāo)記的結(jié)束寫(xiě)好 寫(xiě)好前后標(biāo)記后，我們就可以在標(biāo)記中使用JavaScript語(yǔ)言，調(diào)用Canvas標(biāo)記，畫(huà)出我們所需要圖形了，方法是var canvas=。

若要繪制三次貝塞爾曲線，請(qǐng)使用 bezierCurveTo 方法，該方法采用三個(gè)坐標(biāo)曲線的兩個(gè)控制點(diǎn)和一個(gè)端點(diǎn) Draw a Vshaped Bezier curve that spans the entire 0，0myContextbezierCurveTo500， 820， 0， 500， 500， 0myContextstroke 若要?jiǎng)?chuàng)建一個(gè)圓，請(qǐng)使用 arc。