[英]Drawing curved lines in canvas
是否可以通过方程式在画布上绘制曲线? 如果是这样,怎么办? 假设我有数学方程y = 0,5 * x ^ 2,如何打印方程图?
我尝试使用bezierCurveTo
和quadraticCurveTo
方法失败。
您需要填充点数组,然后使用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
等具有固定的方程式。 我不确定它们是否可以用来绘制抛物线,但是任意曲线都不成问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.