javascript - 使用 Processingjs 打印数组

Question

我正在阅读有关算法的可汗学院类(class)。我在 https://www.khanacademy.org/computing/computer-science/algorithms/sorting-algorithms/p/project-selection-sort-visualizer .

代码正在运行，我可以让它打印到控制台，但我需要能够打印到 Canvas 。

我试过了:

var displayArray = function(array) {
    textFont(createFont("monospace"), 12);
    println(array);

};

Bu 这又只是打印到控制台。如何使用 processingjs 打印到 Canvas ？

Answer 1

具体来说，将此添加到 displayArray():

textAlign(LEFT, TOP);
fill(0);
print(array);
text(array, 0, 0);

或者如果你想让它居中:

textAlign(CENTER, CENTER);
fill(0);
print(array);
text(array, 200, 200);