在画布中绘制曲线

Question

有没有可能通过它们的方程式在画布中画出曲线呢？如果是，怎么做？假设我有一个数学方程y=0,5*x^2,如何打印方程的图形？

我尝试使用BezierCurveto和QuadraticCurveto方法，但未成功。

Answer 1

您需要填充点数组，然后使用moveto和lineTo绘制它。类似这样的东西

var x1 = 0; // Minimum x
var x2 = 10; // Maximum x
var xstep = 0.1; // How smooth the curve should be
// ctx is the context object
// You may want to apply some transformations to the coordinate system
for (var x = x1; x < x2; x += xstep) {
    var y = 0.5 * x * x;
    if (x == x1) { 
         ctx.moveTo(x, y); // First point
    } else {
         ctx.lineTo(x, y); // Subsequent points
    }
}

ctx.stroke();

BezierCurveto、QuadraticCurveto等具有固定的方程形式。我不确定它们是否可以用来画抛物线，但任意曲线是不成问题的。