Question

<html>
<body>
<canvas id=cvs width=400px height=400px />
</body>

<script>
var text = document.getElementById('cvs').getContext('2d');
var x = 30;
for(var j=0, k='a'; j<3; j++,k++;)
{

text.fillStyle='#000';
text.font="30px Arial";
text.fillText(k,x,30);
x=x+60;
}
</script>
</html>

k值包含字体.. 然后我尝试打印k值3次，但它显示了＆＃34; a，NaN，NaN＆＃34; 请帮我搞定字体循环..非常感谢〜

Answer 1

没有char - 在JavaScript中输入。在.charCodeAt(0) - 对象String上使用"a"获取字符代码，并使用String.fromCharCode(...)将字符代码转换回String。

此外：必须引用HTML参数，width和height不占用任何单位。单位只是css！除了（2）：;还有一个for。

<html>
  <body>
    <canvas id="cvs" width="400" height="400" />
  </body>
  <script>
  var text = document.getElementById('cvs').getContext('2d');
  var x = 30;
  for (var j=0, k="a".charCodeAt(0); j<3; j++,k++)
  {
    text.fillStyle='#000';
    text.font="30px Arial";
    text.fillText(String.fromCharCode(k),x,30);
    x=x+60;
  }
  </script>
</html>

html5 canvas脚本循环字体

1 个答案: