Написать вертикальный текст на холсте

Question

CANVAS:

y 
a 
x 
i 
s 
x axis 

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

Answer 1

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

Альтернативой, которая будет намного проще, будет поворачивать холст на 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); 
    } 
    }