Главное меню
|
 |
Рисунки в JavaScript
В Интернете основными
графическими форматами являются изображения в формате
GIF (Graphics Interchange Format -
Формат графического обмена - поддерживает сжатие без
потери данных, передает прозрачность, позволяет сохранять серии
рисунков в одном файле для воспроизведения анимации, но в то же
время палитра не может содержать более 256 цветов),
JPEG (Joint Photography Experts Group
- Объединенная группа экспертов в области фотографии -
название является аббревиатурой названия разработавшей его
компании. Поддерживает передачу цветовых полутонов, но сжатие
файлов происходит с потерей данных), PNG
(Portable Network Graphics - Переносимая сетевая графика
- является альтернативой двум предыдущим форматам, так как
поддерживает и сжатие без потери
данных и прозрачность и полутона. В
данный момент многие браузеры не поддерживают данный формат).
Рисунки на страницы можно добавить несколькими
способами:
- с помощью дескриптора
<img>;
- с помощью
дескриптора <object>;
- с помощью конструктора графического объекта
Image().
Добавление рисунка с помощью
дескриптора <img> выглядит
следующим образом:
<img scr='images\foto.gif'
height=60 width=60 align=left alt='Фото'>
Подробно на языке HTML
мы останавливаться не будем, для его изучения
рекомендуем посетить сайт
по языку
HTML.
Дескриптор <object>
также относится к HTML,
поэтому его мы рассматривать не будем.
Назначение гиперссылок областям
изображения
Речь
идет о том, чтобы разделить одно изображение на области, каждой
из которых можно назначить свою ссылку. Часто такой прием
используют для сознания навигационных карт по Web-сайту.
Для того, чтобы создать карту выполните следующие действия:
Вначале
выберите или создайте подходящий рисунок, добавьте его на
страницу с помощью дескриптора <img>.
Далее в html-коде
в разделе <body>
создайте элемент разметки страницы с уникальным
именем:
<map name='имя_разметчика'>...</map>
В дескрипторе <img>
рисунка присвойте атрибуту usemap
имя элемента разметки, начинающееся
символом #. Между
открывающим и закрывающим дескрипторами элемента разметки
рисунка добавьте области с помощью дескриптора
<area> и установите
следующие атрибуты областей:
shape -
присваивает
стандартные значения формы области карты:
circle
(окружность), rect (прямоугольник),
polygon
(многоугольник),
default (незанятая часть
рисунка);
coords -
пары координат х и у в пикселях для верхней
левой и правой
нижней точек прямоугольника, всех точек многоугольника и
центральной
точки с радиусом окружности;
href -
адрес гиперссылки;
title - текст экранной подсказки.
Для того, чтобы узнать координаты точек
областей, откройте рисунок
в графическом редакторе (например в Adobe Photoshop),
которые указывают текущее положение курсора на рисунке в
координатах
|
