user5480949:
Dado um valor de X (ou percentagem) I precisa encontrar a coordenada Y de um ponto ao longo de uma curva quadrática Bezier
A curva é parte de um diagrama de linha desenhada no android usando o seguinte:
Path.quadTo(prev.x, prev.y, (p.x + prev.x)/2, (p.y + prev.y)/2);
Limpar Sepulveda:
A fórmula para a curva quadrática é Bezier
x = (1 - t) * (1 - t) * p[0].x + 2 * (1 - t) * t * p[1].x + t * t * p[2].x;
y = (1 - t) * (1 - t) * p[0].y + 2 * (1 - t) * t * p[1].y + t * t * p[2].y;
... mas eu estava apenas testando isso em HTML lona e não parece ser uma correspondência exata.
Eles podem ter uma implementação personalizada que pouco difere daquela.
Você terá de teste no android e ver, espero que este envia-lo no caminho certo.
var c = document.getElementById("c");
var ctx = c.getContext("2d");
function drawCurve(p) {
ctx.beginPath();
ctx.bezierCurveTo(p[0].x, p[0].y, p[1].x, p[1].y, p[2].x, p[2].y);
ctx.stroke();
ctx.fillStyle = "red";
for (var i = 0; i < 100; i++) {
ctx.beginPath();
t = i/100;
x = (1 - t) * (1 - t) * p[0].x + 2 * (1 - t) * t * p[1].x + t * t * p[2].x;
y = (1 - t) * (1 - t) * p[0].y + 2 * (1 - t) * t * p[1].y + t * t * p[2].y;
ctx.arc(x, y, 1, 0, 2 * Math.PI);
ctx.fill();
}
}
drawCurve([
{x:10, y:120},
{x:340, y:120},
{x:340, y:20},
])
drawCurve([
{x:50, y:10},
{x:180, y:150},
{x:240, y:10},
])
<canvas id="c" width="350" height="150"></canvas>