Javascript 在2个点X和Y位置之间创建漂亮（随机）路径

在HTML5画布上使用：Javascript、kinetic.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），并在它们之间画一条线。我的观点有一个明确的起点和终点，我在标题“尼斯”中的意思是：

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

正如你所看到的图像（通过定义点创建）线是波浪形的，并没有真正的相交，这就是我所说的漂亮

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

我尝试了各种方法来创建两个主要点之间的随机点，但最终我的结果是一团糟

以下是最新的尝试：

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);

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

如果有人能建议我如何最好地创建这条路径，那将非常有帮助

谢谢