设置文字垂直写在网页上！

最新推荐文章于 2016-10-12 15:37:58 发布

jsonbor

最新推荐文章于 2016-10-12 15:37:58 发布

阅读量876

点赞数

分类专栏： Jquery 文章标签： JavaScript

本文链接：https://blog.csdn.net/jju_zsb/article/details/9108749

版权

Jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!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>