问如何在createJS中绘制任意曲线？

EN

要在CreateJS中绘制任意函数，可以绘制连接所有数据点的线。因为，嗯，这就是作图！

实现此操作的最简单方法是遍历每个数据点的for循环，并为每个数据点调用lineTo()。因为画布绘图API启动了最后一条“左转”的行，实际上您甚至不需要为每一行指定行开始，但是在开始绘图之前，您必须将画布“笔”移动到第一点。类似于：

// first make our shape to draw into. 
let graph = new createjs.Shape();
let g = graph.graphics
g.beginStroke("#000");

xStart = xData[0];
yStart = yourFunction(xData[0]);
g.moveTo(xStart, yStart);

for( let i = 1; i < xData.length; i++){
      nextX = xData[i], but normalized to fit on your graph area;
      nextY = yourFunction(xData[i]), but similarly normalized;
      g.lineTo(nextX, nextY);
}

这应该得到一个基本版本的函数绘图！请注意，如果您没有太多的数据点，则行将非常混乱，您将不得不处理(正常化)您的数据以使其适合您的屏幕。例如，如果你从X的-10开始，那就离开屏幕左边10个像素，如果它只运行在-10到+10之间，你的整个图形就会压缩成20像素的宽度。

我有一个代码库，展示了这种绘制这里的方法。它被映射到视口上的每个像素，并为它计算一个Y值，而不是在输入X值的情况下。FYI，图形化的代码都在顶部的“run”函数中-- PerlinNoiseMachine类中的所有内容都是关于数据生成的，因此为了这个问题，您可以忽略它。

希望这能帮上忙！如果您有任何具体的后续问题或代码样本，请修改您的问题。