寫在畫布上

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