Рубрики
HTML JavaScript

Отрисовка текста на canvas’e


Для отрисовки текста на canvas‘е используеутся методы fillText(text, x, y) и strokeText(text, x, y). Первый метод рисует текст, заполненный заливкой, которая хранится в свойстве fillStyle, второй рисует обводку текста. Параметры отрисовываемого текста устанавливаются при помощи свойств

Рубрики
HTML JavaScript

Делаем мир canvas ярче. Применение стилей, цветов и теней


Раньше я рассказывал про то, как рисовать на canvas’e графические примитивы. При их отрисовке использовались установленные по умолчанию цвета и стили. Можно сделать ваши творения немного ярче и привлекательней, если использовать некоторые свойства контекста отрисовки на canvas’е.

Рубрики
HTML JavaScript

Отрисовка графических примитивов с помощью canvas


Уже далеко не новый html-элемент canvas сегодня поддерживается во всех нормальных браузерах. Если вы используете FireFox, Opera или Google Chrome последних версий, то проблем возникнуть не должно. Даже IE9 поддерживает canvas.

Рубрики
HTML

Placeholder HTML5 и его использование

Все, наверняка, видели подсказывающий текст в поле формы, который пропадает, как только установить курсор в это поле. Это очень экономит место, поскольку не надо подписывать каждое поле формы слева. Сегодня мы рассмотрим два способа создания данной фишки: старый (с помощью JavaScript) и новый (с помощью html5). И очередной раз восхитимся технологиями будущего 🙂

Рубрики
HTML

TrackBar HTML5 и его использование

Трекбар — привычный элемент управления в операционных системах, но в веб-интерфейсе его встретишь редко, так как встроенной возможности для создания этого элемента в HTML4 не было. Существуют JavaScript-библиотеки, при помощи которых можно легко создавать трекбар на веб-странице. Потребность в этих библиотеках, однако, скоро отпадёт, так как, используя HTML5, этот элемент создаётся очень легко.