我想在P5js画布中放置文本(和其他一些东西)。我通过了坐标50、50,但是文本放错了位置,如彩色条所示。
另一个例子是,当我想通过画布的宽度经过某个点之后尝试使用画布的宽度跟随它时,我想将屏幕平移到某个矩形的中心。
我的画布宽度是1000。
在计算中使用450时,居中效果很好,但是在使用width / 2时,居中效果不佳。
如何使P5js相应地显示我的画布,或者总的来说是什么问题?
function setup() {
createCanvas(1000, 700);
}
function draw() {
// Some other stuff
textSize(32);
fill(255);
text("Some Text", 50, 50);
// Some other stuff
}
答案 0 :(得分:0)
默认情况下,您传递到text()
函数中的坐标指定了文本的左下角。
如果未指定
x2
和y2
,则默认为基线对齐方式,这意味着将从x
和y
开始向上绘制文本。
您有几种选择:
text()
函数的4参数版本传入边界矩形。textAlign()
函数来指定文本的显示方式。同样,the reference是您的朋友。