Запись вертикального текста на холст

КАРТИНА:

y
a
x
i
s 
 x axis

Как я могу писать на холсте вертикально? Пример: текст yaxis.

javascript,html5-canvas,

1

Ответов: 1


3 принят

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

Альтернативой, которая будет намного проще, будет поворачивать холст на 90 градусов, а затем нарисовать текст, но это может быть не то, что вы ищете.

Пример кода (из codepen):

CanvasRenderingContext2D.prototype.fillVerticalText = 
  function(text, x, y, verticalSpacing) {
    for (var i = 0; i < text.length; i++) {
      this.fillText(text[i], x, y + i * verticalSpacing);
    }
  }
JavaScript, html5 холст,
Похожие вопросы