Ромка!eu

  • Отдых
  • Работа
Главная

html5

Проба пера в HTML5 + canvas. Эффект ластика

Ромка — Ср, 07/06/2011 - 15:42

302
points

Задача

Создать эффект "ластика" с помощью html5 тэга canvas. Суть эффекта простая: выводится картинка, поверх картинки выводится полупрозрачный фон, если пользователь нажимает на левую кнопку мыши и начинает двигать курсор по холсту, то полупрозрачный фон должен стираться. Конечный результат можно увидеть тут.

Задача будет разбита на 3 части:
1. сначала мы зальем картинку равномерным фоном и научимся стирать этот фон ластиком квадратной формы.

  • canvas
  • html5
  • ластик
  • Ромка's blog
  • Добавить комментарий
  • Читать далее
  • Quote
RSS-материал

Обо мне

Всем привет!
Меня зовут
Роман Архаров, я профессиональный веб-разработчик, программирую на языках PHP, Python и Action-Script, в работе использую фреймворки Drupal и Django. В этом блоге я размещаю заметки и статьи, связанные с моей работой, отдыхом и другими интересными мне темами.

Популярные заметки

  • AJAX. Обмен данными между клиентом и сервером, закачка на сервер файлов без перезагрузки страницы при помощи библиотеки jQuery.
  • Модуль Vote Up/Down для Drupal 6
  • Темизация Drupal. Часть 3. Основы Drupal Forms API и темизация форм
  • Разработка сайта на Drupal. Часть 5. Социальная сеть на Друпале
  • Автоматическая "газетная" верстка (верстка в несколько колонок)
  • Разработка сайта на Drupal. Часть 4. Пример разработки корпоративного интранет-сайта на Drupal
  • Кнопки Home, End и Page Up, Page Down в Mac OS
  • Путешествие по Перу и Боливии. Часть 2
  • Получение заголовков (HTTP-headers) страницы при помощи Java-script
  • Шесть рукопожатий

Подписка


Последние комментарии

  • Александр Василенко → Путешествие по Перу и Боливии. Часть 2 → А Волоцюга там тоже был?
  • Oz → Швабрашвабр2 → слабовато для
  • loan → Вращение изображений при помощи Javascript → answer this topic
  • CopelandLacey33 → Доставка → reply this post
  • vitsss → Авторизация на Drupal-сайте с помощью аккаунта вКонтакте → hostinh nic.ru and vk api
  • dimasikov → Автоматическая "газетная" верстка (верстка в несколько колонок) → Я похожее делал для с этим
  • max2012 → Разработка сайта на Drupal. Часть 2. Архитектура Drupal. → Подвесные потолки Опосля
  • Антон → Темизация Drupal. Часть 4. Темизация Views → Отлично!
  • Itsmypersonal → Зима 2010. Поездка в Тайланд, Индонезию и Сингапур. Часть 2 — Пхукет → Пхукет - да!
  • Sheldon → Перетаскивание ячеек таблицы. Table drag and drop — плагин для jQuery → Здравствуйте! Подскажите

Новые заметки

  • Проба пера в HTML5 + canvas. Эффект ластика
  • Шесть рукопожатий
  • Доклад на DrupalConfMoscow 2011
  • Статусы разных сущностей в Друпале 6
  • Футер, прибитый к низу страницы
  • Путешествие по Перу и Боливии. Часть 2
  • Путешествие по Перу и Боливии. Часть 1
  • Несколько панорам из путешествия по Перу и Боливии
  • Авторизация на Drupal-сайте с помощью аккаунта ВКонтакте
  • Home sheep home

Тэги

dckyiev09 Drupal jquery Боливия Отдых Перу Работа Штуки-дрюки зима 2010 модуль статья темизация
еще тэги

Вход для пользователей

Что такое OpenID?
  • Войти по OpenID
  • Скрыть вход по OpenID
  • Зарегистрироваться
  • Запросить новый пароль

Навигация

  • Exchange rate
  • Vote up/down
  • Переход по внешней ссылке
  • Последние сообщения
  • Фотогалереи

Курсы валют

  • 100 Казахских тенге — 20,1234 (+0.01)
  • 10 Украинских гривен — 37,1525 (+0.04)
  • 10 Китайских юаней — 47,2880 (+0.01)
  • 100 Японских иен — 37,3295 (-0.16)
  • 1 Доллар США — 29,7796 (-0)
  • 1 Евро — 39,5235 (+0.19)
  • 10000 Белорусских рублей — 36,0092 (-0)
  • 1 Турецкая лира — 17,1039 (+0.04)

10 случайных заметок

  • Лето 2007. Путешествие в Камбоджу – Таиланд – Малайзию. Часть 5. Острова Самуй и Панган, лето
  • Рассуждение на тему «Сколько стоит сайт?»
  • Статья в PC Magazine/RE. Drupal: разработка модуля
  • Пример разработки плагина для модуля CCK
  • Понедельник начинается в субботу
  • Backup-manager — настройка резервного копирования Linux-сервера на Amazon S3 за 5 минут
  • Разработка сайта на Drupal. Часть 2. Архитектура Drupal.
  • Швабрашвабр2
  • Темизация Drupal. Часть 3. Основы Drupal Forms API и темизация форм
  • Статусы разных сущностей в Друпале 6

Случайные фото

Автописта
Фонтаны в Осло работают даже зимой. Карл Юхан Гате
Крым
Оригинальная дорожная разметка в Гаване
Взгляд в будущее
Фонарь
Собака
Насыпь между Кайо Санта Мария и Кубой
Тринидад. Лошадка держит домик
Арка
Старая и новая наши машины — пыжик и сузуки джимни
Вид на Осло из замка Акерхус
Дорога, на поверхности видны следы копыт
Дорожка
Без имени
Норвегия, Нордсетер
  • Отдых
  • Работа

При использовании материалов с сайта, пожалуйста, ставьте ссылку на источник. E-mail для связи: mne@romka.eu.