Ширина или высота холста P5 смещена - PullRequest
Новая
       13

Ширина или высота холста P5 смещена

0 голосов
/ 16 мая 2019

Я хочу разместить текст (и некоторые другие вещи) на холсте P5js. Я передал координаты 50, 50, но текст не на месте, как вы можете видеть по цветным полосам.

enter image description here

Другой случай, когда я хочу перевести экран в центр определенного прямоугольника, когда пытаюсь использовать ширину холста, чтобы следовать за ним после того, как он прошел определенную точку.

Ширина моего холста - 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
}

1 Ответ

0 голосов
/ 17 мая 2019

С ссылка :

По умолчанию координата, которую вы передаете в функцию text(), задает левый нижний угол текста.

Если x2 и y2 не указаны, по умолчанию используется выравнивание базовой линии, что означает, что текст будет рисоваться вверх от x и y.

У вас естьНесколько вариантов:

  • Учитывайте высоту строки при расчете, где ее нарисовать.В разделе типографика из есть справка , которая может помочь вам сделать это.
  • Используйте версию функции text() с 4 аргументами дляпередайте ограничительный прямоугольник.
  • Используйте функцию textAlign(), чтобы указать, как должен отображаться ваш текст.Опять же, ссылка - это ваш друг.
...