Написание текста с использованием canvas в HTML5 - PullRequest
Новая
       13

Написание текста с использованием canvas в HTML5

1 голос
/ 22 июня 2011

Я использовал следующий код для написания текста с использованием 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>

У меня вопрос: можно ли писать текст и на других языках?

1 Ответ

5 голосов
/ 22 июня 2011

Пока используемый вами шрифт поддерживает наборы символов другого языка, проблем быть не должно.

Если шрифт не является обычным шрифтом (а шрифт для японского / арабского / иврита - нет), вы должны использовать @font-face для предоставления файла шрифта.

Юо может прочитать эту ветку: Рисование текста в с @ font-face не работает в первый раз для обычной ошибки.

...