Последние учебники веб-разработки
 

HTML canvas font Propery

<HTML Canvas Ссылка

пример

Написать 30px высокий текст на холсте, используя шрифт "Arial" :

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);
Попробуй сам "

Поддержка браузеров

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
font да 9.0 да да да

Определение и использование

Шрифт набора свойств или возвращает текущие свойства шрифта для содержания текста на холсте.

Свойство шрифта используется тот же синтаксис, что и свойством CSS шрифта .

Значение по умолчанию: 10px засечек
Синтаксис JavaScript: context.font="italic small-caps bold 12px arial";

Значения свойств

Значения Описание Сыграй
font-style Определяет стиль шрифта. Возможные значения:
  • normal
  • italic
  • oblique
 Сыграй "
font-variant Определяет вариант шрифта. Возможные значения:
  • normal
  • small-caps
 Сыграй "
font-weight Определяет вес шрифта. Возможные значения:
  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Сыграй "
font-size/line-height Определяет размер шрифта и высоту строки в пикселях Сыграй "
font-family Задает семейство шрифтов Сыграй "
caption Используйте элементы управления шрифт озаглавленных (такие как кнопки, раскрывающихся меню и т.д.) Сыграй "
icon Используйте шрифт, используемый для значков этикетки Сыграй "
menu Используйте шрифт, используемый в меню (выпадающих меню и списков меню) Сыграй "
message-box Используйте шрифт, используемый в диалоговых окнах Сыграй "
small-caption Используйте шрифт, используемый для маркировки небольших элементов управления Сыграй "
status-bar Используйте шрифты, используемые в строке состояния окна Сыграй "

<HTML Canvas Ссылка