在画布上绘制曲线路径？

Question

如何在Canvas上绘制二次曲线或三角曲线（如sin(x)）？

Answer 1

大多数绘图API不提供这样的功能，您将必须以像素为单位计算所需曲线的像素，并使用对画布API的一次或多次调用在画布上逐个绘制。

Answer 2

我假设你熟悉在画布上绘制基本线条，如果没有，然后回应，我们可以进一步回溯。然而，就绘制一个正弦函数而言，Math类中有一个函数就是你所需要的。 http://download.oracle.com/javase/1.4.2/docs/api/java/lang/Math.html#sin%28double%29 从那里你只需要将你的x变量（弧度）传递给函数并将其输出保存为y变量。这代表了图上的一个点。现在将x1变量增加一小部分（可能是图形的1/100，尽管您需要调整它以适应味道），再次通过函数运行并保存这些变量（x2和y2）作为第二点。在这两点之间画一条线。将x2，y2变量保存为x1，y1并再次增加x值以找到第三个点，如此等等。这不是一个“真实”的曲线，因为它实际上只是一系列近似函数的线，如果您愿意的话，也可以是微积分方法。

所以：

x1 = x; //其中x是您想要开始绘制的x轴上的某个点。

y1 = sin（x）;

x2 = x1 +增量;

y2 = sin（x2）;

//在这里画一条线

x1 = x2; y1 = y2;

//返回顶端，这段代码显然会在一个循环中使用增量，因为它是自己的增量，初始值等于每次增加的数量（比方说.... 5）和“下一个”语句是增量=增量+ 5.

还有一个GraphCanvas类，我不熟悉它似乎采取了相同的点，并绘制它们之间的曲线，虽然我不确定什么样的变换正在被用来绘制曲线以及它的精确程度。这里是该类： http://www.java2s.com/Code/Java/Swing-Components/GraphCanvas.htm

Answer 3

使用Canvas.drawPath和Path.quadTo。

Answer 4

这是我为Graph类写的drawEquation（）方法 - 我认为它可能有帮助。基本的想法创建接受的等式等

function(x) = Math.sin(x); 

通过该图的边界的方法（这基本上是一个函数），然后循环，并绘制连接各点的小片段。该transformContext（）刚刚反转画布背景下，使Y值增加向上走，而不是往下：

Graph.prototype.transformContext = function(){ 
    var canvas = this.canvas; 
    var context = this.context; 

    // move context to center of canvas 
    this.context.translate(this.centerX, this.centerY); 

    // stretch grid to fit the canvas window, and 
    // invert the y scale so that that increments 
    // as you move upwards 
    context.scale(this.scaleX, -this.scaleY); 
}; 

Graph.prototype.drawEquation = function(equation, color, thickness){ 
    var canvas = this.canvas; 
    var context = this.context; 

    context.save(); 
    this.transformContext(); 

    context.beginPath(); 
    context.moveTo(this.minX, equation(this.minX)); 

    for (var x = this.minX + this.iteration; x <= this.maxX; x += this.iteration) { 
     context.lineTo(x, equation(x)); 
    } 

    context.restore(); 
    context.lineJoin = "round"; 
    context.lineWidth = thickness; 
    context.strokeStyle = color; 
    context.stroke(); 

}; 

Answer 5

和你一样，我需要画一条曲线从point(x1, y1)到point (x2, y2)。我做了一些搜索，找到了Path类（android.graphics.Path）。路径有很多绘制线条的方法。一旦创建了一条路径，就可以使用绘制方法来制作实际的线条。路径可以被旋转，转换，保存并添加到。也有用这个类绘制的弧形，圆形和矩形。 →mPath.moveTo(x1, y1);

设定参数和终点→mPath.quadTo(cx, cy, x2, y2);

将路径转换的路径

http://developer.android.com/reference/android/graphics/Path.html

设置开始点到线→canvas.drawPath(mPath, mPaint);