Question

我使用以下代码使用canvas编写文本。

<html>
 <head>
  <script type="text/javascript">
    function convert(){
      draw(document.getElementById('canvas').getContext('2d'));
    }

    function draw(txt){
      var fillText="Some text";
      txt.textBaseline="top";
      txt.font="Arial";
      txt.fillStyle="red";
      txt.fillText(fillText,20,20);
    }

  </script>
</head>
  <body onload="convert()">
    <canvas id="canvas"></canvas>
  </body>
</html>

我的问题是：是否可以用其他语言撰写文字？

Answer 1

只要您使用的字体支持其他语言的字符集，就不会有任何问题。

如果字体不是常用字体（而日语/阿拉伯语/希伯来语字体不是），则应使用@font-face提供字体文件。

Yuo可以阅读这个帖子：Drawing text to <canvas> with @font-face does not work at the first time以获取常见问题。

在HTML5中使用画布编写文本

1 个答案: