<!DOCTYPE html>
<html>
<head>
<meta charset="gbk">
<title>竖直排放的文字</title>
<script>
window.addEventListener("load",drawVerticalWords,false);
function drawVerticalWords(){
var cvs = document.getElementById("canvas");
var s = cvs.innerHTML;
var ctx = cvs.getContext("2d");
ctx.translate(100, 100);
for(i=0; i<s.length; i++)
ctx.strokeText(s[i],15,15*i);
}
</script>
</head>
<body>
<canvas width="500" height="500" id="canvas">HELLO!欢迎!</canvas>
</body>
</html>