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

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

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

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

若要繪制三次貝塞爾曲線，請使用 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è)圓，請使用 arc。