鍍金池/ 問答/HTML5  PHP  HTML/ JS怎么拖動鼠標在canvas上動態(tài)畫橢圓

JS怎么拖動鼠標在canvas上動態(tài)畫橢圓

利用canvas API
ctx.ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise);

參數(shù):
x
橢圓圓心的 x 軸坐標。
y
橢圓圓心的 y 軸坐標。
radiusX
橢圓長軸的半徑。
radiusY
橢圓短軸的半徑。
rotation
橢圓的旋轉角度,以弧度表示(非角度度數(shù))。
startAngle
將要繪制的起始點角度,從 x 軸測量,以弧度表示(非角度度數(shù))。
endAngle
橢圓將要繪制的結束點角度,以弧度表示(非角度度數(shù))。

問題:當鼠標moveDown時記錄起點坐標,moveUp時記錄結束點坐標(這兩個點都是橢圓最邊上的坐標點),通過這兩點可以計算出上邊的參數(shù)值畫出一個橢圓來,這樣能實現(xiàn)嗎。還有別的方法沒有

回答
編輯回答
悶騷型

現(xiàn)在的問題是通過這兩個點能不能計算出上面的所有參數(shù)來,我們來一個個看一下
1.x,y左邊,顯然可以,取兩個點的中點
2.rotation,根據(jù)起點和終點的斜率算出來
3.radiusX=起點到終點的距離/2
4.其他的參數(shù)就沒辦法計算,當然可以設置一些默認值

2018年1月12日 21:22