如何支持和绘制多个算法

在代码中实现多个算法的绘制，可以使用类似以下的伪代码：

// 定义一个算法集合
const algorithms = [
  {
    name: 'selection-sort',
    fn: selectionSort, // 排序函数
    color: 'red' // 线条颜色
  },
  {
    name: 'insertion-sort',
    fn: insertionSort,
    color: 'green'
  },
  {
    name: 'bubble-sort',
    fn: bubbleSort,
    color: 'blue'
  }
  // 可以定义更多算法...
];

// 绘制函数
function draw(algorithm, array) {
  const ctx = canvas.getContext('2d');
  
  // 获取排序结果
  const result = algorithm.fn(array);

  // 绘制线条
  ctx.beginPath();
  ctx.strokeStyle = algorithm.color;
  ctx.moveTo(0, canvas.height);
  for(let i = 0; i < array.length; i++) {
    const x = canvas.width * i / array.length;
    const y = canvas.height - result[i] * canvas.height / array.length;
    ctx.lineTo(x, y);
  }
  ctx.stroke();
}

// 调用绘制函数，遍历算法集合绘制所有算法
algorithms.forEach(algorithm => {
  draw(algorithm, someArray);
});

以上是一个简单的示例代码，实际应用中可能需要更多的细节处理。