пример
Написать 30px высокий текст на холсте, используя шрифт "Arial" :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50); Попробуй сам " Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| font | 4,0 | 9,0 | 3,6 | 4,0 | 10,1 |
Определение и использование
Шрифт набор свойств или возвращает текущие свойства шрифта для содержания текста на холсте.
Свойство шрифта используется тот же синтаксис, что и CSS font property .
| Значение по умолчанию: | 10px без засечек |
|---|---|
| Синтаксис JavaScript: | context .font="italic small-caps bold 12px arial"; |
Значения свойств
| Значения | Описание | Сыграй |
|---|---|---|
| font-style | Определяет стиль шрифта. Возможные значения:
| Сыграй " |
| font-variant | Определяет вариант шрифта. Возможные значения:
| Сыграй " |
| font-weight | Определяет вес шрифта. Возможные значения:
| Сыграй " |
| font-size/line-height | Определяет размер шрифта и высоту строки в пикселях | Сыграй " |
| font-family | Задает семейство шрифтов | Сыграй " |
| подпись | Используйте элементы управления шрифтом озаглавленных (like buttons, drop-downs, etc.) | Сыграй " |
| значок | Используйте шрифт, используемый для значков этикетки | Сыграй " |
| меню | Используйте шрифт , используемый в меню (drop-down menus and menu lists) | Сыграй " |
| окно сообщения | Используйте шрифт, используемый в диалоговых окнах | Сыграй " |
| маленькая-подпись | Используйте шрифт, используемый для маркировки небольших элементов управления | Сыграй " |
| статус бар | Используйте шрифты, используемые в строке состояния окна | Сыграй " |
<Холст объекта