Главная Случайная страница


Полезное:

Как сделать разговор полезным и приятным Как сделать объемную звезду своими руками Как сделать то, что делать не хочется? Как сделать погремушку Как сделать так чтобы женщины сами знакомились с вами Как сделать идею коммерческой Как сделать хорошую растяжку ног? Как сделать наш разум здоровым? Как сделать, чтобы люди обманывали меньше Вопрос 4. Как сделать так, чтобы вас уважали и ценили? Как сделать лучше себе и другим людям Как сделать свидание интересным?


Категории:

АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника






Вывод текста

⇐ ПредыдущаяСтр 61 из 65Следующая ⇒

Существуют два метода и несколько свойств для вывода текста.

Метод strokeText выводит заданный текст в указанное место. Текст рисуется в виде контура, без заливки; цвет контура задается значением свойства strokeStyle:

strokeText(<выводимый текст>, x, y, w)

где

  • x - горизонтальная координата;
  • y - вертикальная координата:
  • w - максимальная ширина.

Первый параметр этого метода задает выводимый текст в виде строки. Второй и третий параметры задают координаты точки, в которой будет выведен текст, в пикселях в виде чисел. По умолчанию выводимый текст будет выровнен по левому краю относительно этой точки.

Четвертый, необязательный, параметр определяет максимальное значение ширины, которую может принять выводимый на холст текст. Если выводимый текст получается шире, канва выводит его либо шрифтом с уменьшенной шириной символов (если данный шрифт поддерживает такое начертание), либо шрифтом меньшего размера.

Метод fillText также выводит заданный текст в указанное место. Однако текст этот представляет собой одну заливку, без контура; цвет заливки задается значением свойства fillStyle.

Формат вызова этого метода такой же, как и у метода strokeText:

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

ctx.fillStyle = "yellow"; ctx.font = "italic 12pt Verdana"; ctx.fillText("test text", 50, 100);

Свойство textAlign позволяет задать горизонтальное выравнивание выводимого текста относительно точки, в которой он будет выведен (координаты этой точки задаются вторым и третьим параметрами методов strokeText иfillText). Это свойство может принимать следующие значения:

  • " left " — выравнивание по левому краю;
  • "right" — выравнивание по правому краю;
  • "start" — выравнивание по левому краю, если текст выводится по направлению слева направо, и по правому краю в противном случае (значение по умолчанию);
  • "end" — выравнивание по правому краю, если текст выводится по направлению слева направо, и по левому краю в противном случае;
  • " center " — выравнивание по центру.

Свойство textBaseline позволяет задать вертикальное выравнивание выводимого текста относительно точки, в которой он будет выведен. Это свойство может принимать следующие значения:

  • " top " — выравнивание по верху прописных (больших) букв;
  • " hanging " — выравнивание по верху строчных (маленьких) букв;
  • "middle" — выравнивание посередине строчных букв;
  • " alphabetic " — выравнивание по базовой линии букв европейских алфавитов (значение по умолчанию);
  • " ideographic " — выравнивание по базовой линии иероглифических символов (она находится чуть ниже базовой линии букв европейских алфавитов);
  • " bottom " — выравнивание по низу букв.

⇐ Предыдущая56575859606162636465Следующая ⇒





Date: 2015-07-22; view: 435; Нарушение авторских прав


mydocx.ru - 2015-2024 year. (0.005 sec.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав - Пожаловаться на публикацию