HTML5畫布：獲取曲線的座標

Question

我在畫布中有一個二次曲線（由開始，結束和控制點定義）。我需要的是獲得更多的曲線座標（例如中間，四分之一等）。因此，我可以（在幾次迭代中找到座標後）根據這條曲線爲對象設置動畫（我知道使用SVG可以輕鬆完成，但這不是一種選擇）。從http://www.html5canvastutorials.com/tutorials/html5-canvas-quadratic-curves/

採取

圖像是否有一個簡單的方法來做到這一點？當我在谷歌上檢查平分曲線時，我發現的唯一情況是一些複雜的數學，包括繪圖，這是不可能的。

Answer 1

這些功能可能是你的興趣：通過構建帆布曲線時

Kinetic.Path.getPointOnCubicBezier = function(pct, P1x, P1y, P2x, P2y, P3x, P3y, P4x, P4y) 
Kinetic.Path.getPointOnQuadraticBezier = function(pct, P1x, P1y, P2x, P2y, P3x, P3y) 

Answer 2

我正在尋找類似貝塞爾曲線的解決方案。我如何獲得曲線上的座標列表？

解決你的問題，也許你可以插件的x座標（或y座標）到二次方程

Y = A * X^2 + B * X + C

我似乎無法找到返回曲線座標的函數。獲得任何曲線/形狀的座標列表將會很好。