使用Processingjs打印数组

Question

我正在阅读可汗学院的算法课程。我在https://www.khanacademy.org/computing/computer-science/algorithms/sorting-algorithms/p/project-selection-sort-visualizer。

代码正常工作，我可以将其打印到控制台，但我需要能够在画布上打印。

我试过了：

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

};

再次将其打印到控制台。如何使用processingjs打印到画布？

Answer 1

你还在使用“println”，你需要使用'text'功能。

http://processingjs.org/reference/text_/是关于如何使用它的参考。

Answer 2

具体来说，将其添加到displayArray()：

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

或者如果你想让它居中：

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

Answer 3

也许是这样的：

var myArray = [1,2,3];
var displayArray = function(array) {
   textFont(createFont("monospace"), 12);
   text(array, 5, 20);
}
var draw = function {
   displayArray(myArray);
}