使用 Processingjs 打印数组

Question

我正在阅读有关算法的可汗学院课程。我在 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

您还在使用"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);
}

使用 Processingjs 打印数组

Printing array with Processingjs

javascript

processing.js

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

使用 Processingjs 打印数组

Printing array with Processingjs

javascript

processing.js

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

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