canvas绘制竖直文字

要在canvas上绘制竖直文字，可以使用以下方法：

1. 首先，在canvas上创建一个文本对象：var text = "竖直文字";

2. 然后，设置字体样式、大小和颜色等属性：ctx.font = "20px Arial"; ctx.fillStyle = "red";

3. 接下来，将canvas的坐标系旋转90度，使其成为竖直方向：ctx.rotate(90*Math.PI/180);

4. 接着，使用canvas的fillText()方法将文本对象绘制到canvas上：ctx.fillText(text, x, y);

其中，x和y是绘制文本的起始点坐标，需要根据实际情况进行调整。

完整的代码示例如下：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var text = "竖直文字";
ctx.font = "20px Arial";
ctx.fillStyle = "red";
ctx.rotate(90*Math.PI/180);
ctx.fillText(text, 50, -100);

注意，在绘制完竖直文字后，需要将canvas的坐标系旋转回来，以便后续绘制操作不受影响。