原文Draw a smooth curve through a set of 2D points with Cubic Spline

I would like to provide you with the code to draw a smooth curve through a set of 2D points with cubic spline. If we have some tabulated function yi=f(xi) it's easy to get its cubic spline interpolant with some library code. For example, you could use the code from "Numerical Recipes in C, 2-nd Edition" book - proved source of a lot of math algorithms. Cubic spline gives an excellent interpolation in the most cases.

Cubic spline is comprised from a sequence of cubic polynomials, so to draw the curve we have to approximate each partial cubic polynomial with the polyline.

Let we have a cubic polynomial defined at [x1, x2] interval.

To approximate it with polyline we should do the following:

  1. Get the deviation polynomial, i.e. the difference between the initial cubic polynomial and the straight line passing through its left and right bound points. This polynomial is either identically equal to zero or has one or two extremum(s) at [x1, x2].
  2. Evaluate the values of deviation polynomial at extremum points. It its absolute values are lower than the tolerance then the initial cubic polynomial can be approximated with a straight line passing through points (x1, y1) and (x2, y2). Otherwise
  3. Split the initial interval  [x1, x2] on two or three subintervals (depending on extremum count) and repeat the procedure recursively from (1) for each of subintervals.

///

/// Approximating Cubic Polynomial with PolyLine.

///

public static class CubicPolynomialPolylineApproximation

{

///

/// Gets the approximation of the polynomial with polyline.

///

/// The polynomial.

/// The abscissas start.

/// The abscissas stop.

/// The tolerance is the maximum distance from the cubic

/// polynomial to the approximating polyline.

///

public static Collection Approximate(Polynomial polynomial, double x1, double x2, double tolerance)

{

Debug.Assert(x1 <= x2, "x1 <= x2");

Debug.Assert(polynomial.Order == 3, "polynomial.Order == 3");

Collection points = new Collection();

// Get difference between given polynomial and the straight line passing its node points.

Polynomial deviation = DeviationPolynomial(polynomial, x1, x2);

Debug.Assert(deviation.Order == 3, "diff.Order == 3");

if (deviation[0] == 0 && deviation[1] == 0 && deviation[2] == 0 && deviation[3] == 0)

{

points.Add(new Point(x1, polynomial.GetValue(x1)));

points.Add(new Point(x2, polynomial.GetValue(x2)));

return points;

}

// Get previouse polynomial first derivative

Polynomial firstDerivative = new Polynomial(new double[] { deviation[1], 2 * deviation[2], 3 * deviation[3] });

// Difference polinomial extremums.

// Fing first derivative roots.

Complex[] complexRoots = firstDerivative.Solve();

// Get real roots in [x1, x2].

List roots = new List();

foreach (Complex complexRoot in complexRoots)

{

if (complexRoot.Imaginary == 0)

{

double r = complexRoot.Real;

if (r > x1 && r < x2)

roots.Add(r);

}

}

Debug.Assert(roots.Count > 0, "roots.Count > 0");

Debug.Assert(roots.Count <= 2, "roots.Count <= 2");

// Check difference polynomial extremal values.

bool approximates = true;

foreach (double x in roots)

{

if (Math.Abs(deviation.GetValue(x)) > tolerance)

{

approximates = false;

break;

}

}

if (approximates)

{// Approximation is good enough.

points.Add(new Point(x1, polynomial.GetValue(x1)));

points.Add(new Point(x2, polynomial.GetValue(x2)));

return points;

}

if (roots.Count == 2)

{

if (roots[0] == roots[1])

roots.RemoveAt(1);

else if (roots[0] > roots[1])

{// Sort the roots

// Swap roots

double x = roots[0];

roots[0] = roots[1];

roots[1] = x;

}

}

// Add the end abscissas.

roots.Add(x2);

// First subinterval.

Collection pts = Approximate(polynomial, x1, roots[0], tolerance);

// Copy all points.

foreach (Point pt in pts)

{

points.Add(pt);

}

// The remnant of subintervals.

for (int i = 0; i < roots.Count - 1; ++i)

{

pts = Approximate(polynomial, roots[i], roots[i + 1], tolerance);

// Copy all points but the first one.

for (int j = 1; j < pts.Count; ++j)

{

points.Add(pts[j]);

}

}

return points;

}

///

/// Gets the difference between given polynomial and the straight line passing through its node points.

///

/// The polynomial.

/// The abscissas start.

/// The abscissas stop.

///

static Polynomial DeviationPolynomial(Polynomial polynomial, double x1, double x2)

{

double y1 = polynomial.GetValue(x1);

double y2 = polynomial.GetValue(x2);

double a = (y2 - y1) / (x2 - x1);

double b = y1 - a * x1;

if (a != 0)

return polynomial.Subtract(new Polynomial(new double[] { b, a }));

else if (b != 0)

return polynomial.Subtract(new Polynomial(new double[] { b }));

else

return polynomial;

}

}

In the code above I'm using the helper class Polynomial encapsulating operations on polynomials including addition, subtraction, dividing, root finding, etc. It's ported from "Numerical Recipes in C, 2-nd Edition" book with some additions and bug fixes.

The sample supplied with this article is Visual Studio 2008 solution targeted to .NET 3.5. It contains WPF Windows Application project designed to demonstrate some curves drawn with cubic spline. You can select one of the curves from Combo Box at the top of the Window, experiment with point counts, tolerance and set appropriate XY Scales. You can even add you own curve, but this requires coding as follows:

    1. Add your curve name to CurveNames enum.
    2. Add your curve implementation to Curves region.
      Add call to your curve to OnRender override.
    3. In the sample I use Path elements on the custom Canvas to render the curve but in real application you would probably use some more effective approach like visual layer rendering.

使用Cubic Spline通过一组2D点绘制平滑曲线的更多相关文章

  1. 平滑算法:三次样条插值(Cubic Spline Interpolation)

    https://blog.csdn.net/left_la/article/details/6347373 感谢强大的google翻译. 我从中认识到了航位推算dead reckoning,立方体样条 ...

  2. iOS开发——图层OC篇&Quartz 2D各种绘制实例

    Quartz 2D各种绘制实例 首先说一下,本篇文章只是介绍怎么使用Quartz 2D绘制一些常用的图像效果,关于Quartz和其他相关技术请查看笔者之前写的完整版(Quartz 2D详解) 一:画线 ...

  3. emwin之2D图形绘制问题

    @2018-09-03 [问题] 在 WM_PAINT 消息分支里绘制2D图形可以正常显示,而在外部函数或按钮按下事件的响应消息分支下等处,绘制2D图形则不显示. [解决] 在除消息WM_PAINT分 ...

  4. Opencv 三次样条曲线(Cubic Spline)插值

    本系列文章由 @YhL_Leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/47707679 1.样条曲线简介 样条曲 ...

  5. 【js类库Raphaël】使用raphael.js根据点坐标绘制平滑曲线

     一.可供参考的文档资料. raphaeljs官网:http://raphaeljs.com/ w3c关于path的介绍:http://www.w3.org/TR/2003/REC-SVG11-200 ...

  6. Qt 绘制平滑曲线

    本文介绍在 Qt 中绘制平滑曲线的实现,调用下面的函数 SmoothCurveGenerator::generateSmoothCurve(points) 即可.默认曲线的 2 个顶点之间被分割为 1 ...

  7. Direct3D 2D文本绘制

    现在学习下Direct3D在窗口中绘制一些文本信息,ID3DXFont接口负责创建字体和绘制二维的文本.我们介绍下ID3DXFont的用法. 1.创建LPD3DXFONT接口 LPD3DXFONT g ...

  8. iOS - Quartz 2D 画板绘制

    1.绘制画板 1.1 绘制简单画板 PaintBoardView.h @interface PaintBoardView : UIView @end PaintBoardView.m @interfa ...

  9. QT5之2D绘图-绘制路径

    在绘制一个复杂的图形的时候,如果你需要重复绘制一个这样的图形,就可以使用到QPainterPath类,然后使用QPainter::drawPath()来进行绘制. QPainterPath类为绘制操作 ...

随机推荐

  1. winxp下安装mysql5.7提示mysqld.exe不是有效的win32文件

    http://bbs.csdn.net/topics/391919244 http://haohaoxuexi.iteye.com/blog/2123030

  2. Android 实现Xmpp工具类

    /** * XMPP服务器连接工具类. * * @author chen.lin * */ public class XmppManager { private static final String ...

  3. qt-4.8.4安装和环境变量配置

    在Linux中分别安装应用于不同平台的Qt:PC.嵌入式X86:ARM. 这三者PC版.嵌入式X86版和ARM版的差别主要体如今:当configure时分别加了不同的參数,详细差别是: PC平台(X1 ...

  4. Spring Boot 学习笔记一(SpringBoot启动过程)

    SpringBoot启动 Spring Boot通常有一个名为*Application的入口类,在入口类里有一个main方法,这个main方法其实就是一个标准的java应用的入口方法. 在main方法 ...

  5. Hibernate综合问题

    n + 1问题 query.iterate()信息返回迭代查询将开始发表声明:录ID语句 Hibernate: select student0_.id ascol_0_0_from t_student ...

  6. 计算机的组成 —— 磁盘阵列(RAID)

    磁盘阵列(Redundant Arrays of Independent Disks,RAID),有"独立磁盘构成的具有冗余能力的阵列"之意.(另外一种常见阵列,FPGA:Fiel ...

  7. Msg DisPatch

    一天写了个Carlife 协议数据分流器 #include <stdio.h> #include <string.h> typedef unsigned char uint8_ ...

  8. hadoop编程技巧(6)---处理大量的小型数据文件CombineFileInputFormat申请书

    代码测试环境:Hadoop2.4 应用场景:当需要处理非常多的小数据文件,这种技术的目的,可以被应用到实现高效的数据处理. 原理:申请书CombineFileInputFormat,能够进行切片合并的 ...

  9. IT 达人

    1. 手机与电脑多屏互动 [教程]华为多屏互动功能与PC win7的连接 要求手机和电脑必须在同一局域网内,且手机必须支持多屏互动功能. 操作步骤如下: PC 端: services.msc,启动下面 ...

  10. [Unity3D]Unity3D游戏开发Lua随着游戏的债券(在)

    ---------------------------------------------------------------------------------------------------- ...