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

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

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

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

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