在画布上写垂直文本

Question

帆布：

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);
    }
  }

Answer 2

只需水平输入文本，然后在每个字母后按回车键即可垂直输入

Answer 3

是的，不听他们说话，这确实很复杂，输入您想输入的内容...然后将文本框的大小调整为较窄，然后垂直向下推字母