Показать сообщение отдельно
  #2 (permalink)  
Старый 13.07.2014, 13:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Зависимость шрифта от ширины canvas
KaraUL!,
подобрать коэффициент 1.8 в зависимости от шрифта
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
 </head>

<body>
   <canvas id="field" width="400" height="400"></canvas>
   <script>
var canvas = document.getElementById('field');
var context = canvas.getContext('2d');
var str = 'Привет!', len = str.length;
var X = canvas.width/2, Y = canvas.height/2;
var fnt = Math.floor((canvas.width/len)*1.8) + "px Arial";
context.font = fnt;
context.textAlign = "center";
context.fillStyle = "#0000ff";
context.fillText(str, X, Y);
   </script>
</body>

</html>
Ответить с цитированием