二次贝塞尔曲线数学

Question

有人能帮我吗：当我有这样的贝塞尔曲线时：https://www.w3schools.com/code/tryit.asp?filename=FX0KJBP2EZ3S

P0(X) = 0 P0(Y) = 50
P1(X) = 100 P1(Y) = 25
P2(X) = 200 P2(Y) = 50

并使贝塞尔曲线变小，如下所示：

https://www.w3schools.com/code/tryit.asp?filename=FX0KL478CRY4

由于距离P0.X和P2.X，P1更高。我如何保持P1的高度，使其始终处于相同的高度？

Answer 1

要按比例收缩曲线(使形状相同但更小(，必须以相同的比例更改控制点的差异。因此，Y1-Y0应类似于(X2'-X0')/(X2-X0):25 / (200/50) = 6.25进行更改。整数：

ctx.quadraticCurveTo(25, 44, 50, 50);