Javascript 在画布上书写垂直文本

画布：

---

如何在画布上垂直书写？例：文本

yaxis

没有内置的方法，因此您必须设计一个解决方案。我将编写一个函数，它接收字符串和字符之间的空格，然后打印每个字符，增加垂直位置

另一种更简单的方法是将画布旋转90度，然后绘制文本，但这可能不是您想要的

示例代码（来自codepen）：

CanvasRenderingContext2D.prototype.fillVerticalText=
函数（文本、x、y、垂直间距）{
对于（变量i=0；i

是的，别听他们说，那太复杂了，输入你想输入的内容。。。然后调整文本框的大小，使其宽度变细，并将字母垂直向下推

只需水平键入文本，然后在每个字母垂直后按enter键

我更愿意这样做，而不必旋转整个画布。再次查看以了解完整答案的预期效果。你的解决方案给人的印象是，与约书亚·苏巴耶（Joshua Subayer）已经否决的旧答案相比，解释得不太清楚。你能指出你提供的额外见解吗？

y
a
x
i
s 
 x axis

CanvasRenderingContext2D.prototype.fillVerticalText = 
  function(text, x, y, verticalSpacing) {
    for (var i = 0; i < text.length; i++) {
      this.fillText(text[i], x, y + i * verticalSpacing);
    }
  }