在2点X和Y位置之间创建NICE（随机）路径

Question

使用：HTML5画布上的Javascript，dynamic.js

嗨

我已经做了很多搜索和测试我发现的其他建议，但似乎没有一个对我有用。

我正在尝试创建一个包含以下对象的x和y数组：

{x:695 , y:363},{x:774 , y:609},{x:654 , y:42},{x:991 , y:213},{x:788 , y:172}

我想在画布上绘制这些点（大约70-100），并在它们之间绘制一条线。我的观点有明确的起点和终点，我在标题“ NICE”中的意思是这样的：

正如您通过图像（通过定义点创建）所看到的那样，该线条是波浪形的，而不是真正相交的，这就是我的意思！

我不想只创建一条直接路径。

我尝试了各种方法来在2个主要点之间创建随机点，但最终却一团糟

这是最近的尝试：

var path;

  while (count) {
   randomx = Math.floor(Math.random() * 1280) + 0;  
   randomy = Math.floor(Math.random() * 720) + 0;

  obj = []
  obj['x']= randomx;
  obj['y']= randomy;

  path.push(obj);
  count--;
  }

  function custom_compare (a,b) {
    return a.value - b.value;
  }

  path.sort(custom_compare).reverse();

  obj = []
  obj['x']= 486;
  obj['y']= 54;
  path.push(obj);

我想我已经知道这行不通了，但是我尝试了很多方法来创建与第一张图片相似的路径。

如果有人可以建议我如何最好地创建此路径，那将真的很有帮助

谢谢