Транcформации на canvas

Сохранение и восстановление состояний

Прежде чем я начну рассказывать про трансформации, я бы хотел обратить ваше внимание на два метода: save и restore. Эти методы используются для получения и восстановления состояния холста. Состояние холста — это положение системы координат и применённые стили. Каждый раз, при вызове метода save, состояние холста помещается в стек, а каждый раз при вызове метода restore достаётся оттуда. Читать далее Транcформации на canvas

Использование объекта FormData для загрузки файлов

Кому нужны лицензии на CS Yazzle — на сайте webmasters.ru проводится CS Yazzle — раздача лицензий.

Ранее я писал про отправку форм с использованием ajax’a. Для отправки формы способом, описанным в той статье, необходимо было слепить тело запроса из пар ключ/значение (имя поля / значение) самостоятельно. Кроме того, тем способом нельзя было загрузить файл на сервер, если в форме было расположено поле c type=”file”.

Всего этого можно избежать, если использовать объект FormData. К сожалению, он пока поддерживается далеко не всеми современными браузерами. Его поддерживают только последние, на момент написания статьи, версии Google Сhrome и FireFox. Читать далее Использование объекта FormData для загрузки файлов

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


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

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


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

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


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

Отправка форм с помощью Ajax’a

Зачем это нужно?

Каждый раз при отправке формы на сервер, страничка полностью перезагружается, на что уходит трафик и время. Иногда эти потери совсем не оправданы. Представьте, что на страничке с кучей картинок и флэша есть мини-опрос «каким браузером вы пользуетесь?». После того, как пользователь проголосовал, страничка со всем тяжеловесным контентом полностью обновляется. Избежать подобной ситуации можно, если для отправки форм использовать ajax. Эта технология позволяет JavaScript отправлять абсолютно любые http-запросы, в том числе и точно такие же, какие летят на сервер при отправке формы. Прелесть состоит в том, что при выполнении подобного запроса страничка не перезагружается. Читать далее Отправка форм с помощью Ajax’a

Три функции, упрощающие оперирование DOM-узлами

Новички, только начиная писать на чистом JavaScript, как правило, не пишут ни каких дополнительных функций для упрощения манипуляций с элементами DOM, а зря. Это может существенно облегчить жизнь. Почему? Как минимум, потому, что названия функций становятся короче. Возмём, к примеру, очень часто используемый метод document.getElementById(id). Длинное название, не так ли? Можно уберечь себя от лишнего стука по клавишам сделав одну простую штуку Читать далее Три функции, упрощающие оперирование DOM-узлами

Горячие клавиши. Отправка по нажатию Ctrl+Enter

Как часто при работе за компьютером вы используете горячие клавиши? Лично я очень часто. На мой взгляд, это сильно экономит время. При работе с текстом, когда неудобно каждый раз отрывать руки от клавиатуры и тянутся к мышке, лишь затем, чтобы сделать пару кликов, они незаменимы. В текстовых редакторах и других программах пользователю, как правило, предоставляется возможность использовать горячие клавиши, но как быть, если вы набираете сообщение в текстовом поле на страничке в Интернете и после его набора необходимо кликнуть на кнопку “Отправить”, что неудобно, когда, например, это действие надо проделывать много раз. Любой браузер, конечно, поддерживает использование горячих клавиш, но функции, которые вызываются их нажатием, обычно не могут оперировать с содержимым страницы. Для этого, чаще всего, используется JavaScript. С его помощью можно обрабатывать нажатие, а точнее, нажатие и отпускание клавиш, и имитировать клик по кнопке, чего достаточно, чтобы написать скрипт для отправки сообщения по нажатию, скажем, сочетания клавиш ctrl+enter, что я и предлагаю сделать. Читать далее Горячие клавиши. Отправка по нажатию Ctrl+Enter

Пишем регистрацию на PHP и JavaScript – Часть 2: JavaScript

Всем привет! Сегодня у нас вторая часть статьи о регистрации, посвященная валидации на клиенте с помощью JavaScript.

Валидация форм на клиенте перед отправкой позволяет снизить нагрузку на сервер (так как некорректные данные не отправляются на сервер) и делает работу с интерфейсом страницы более удобной, так как пользователю не приходится ждать перезагрузки страницы в случае, если отправляемая форма заполнена не верно Читать далее Пишем регистрацию на PHP и JavaScript – Часть 2: JavaScript

Игра «Пятнашки» на JavaScript

Пятнашки — простая и многим с детства знакомая головоломка, поэтому я не буду рассказывать про правила, надеюсь, они вам знакомы. Во многих учебниках по программированию предлагается в качестве урока написать эту головоломку. Напишем и мы её на JavaScript. Читать далее Игра «Пятнашки» на JavaScript