VPF::Объект для выделения прямоугольных областей

devaka

Дата 5.3.2007, 08:49 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Привет всем разработчикам!
Хочу представить вам javascript объект, который позволяет выделять прямоугольные области на изображении (aka rectangular marquee tool в фотошопе).
Первоисточник

Посмотрите, думаю вам понравится.
Заранее благодарен.

Тамже можно посмотреть пример и скачать архив
user posted image

Пример кода:

Код

<link rel="stylesheet" type="text/css" href="/css/marker.css" />
<script type="text/javascript" src="/js/prototype_reduced.js"></script>
<script type="text/javascript" src="/js/rectmarquee.js"></script>
<script type="text/javascript">
   var RectMarquee;
   function initLoad() {
       RectMarquee = new Marquee('sample1', {
            opacityColor: '#F60'
       });
   }
</script>
</head>
<body onload="initLoad()">
      ... HTML Document ...
      <img src="images/myphoto.jpg" id="sample1" />
      ... HTML Document ...

С ув. Сергей Кокшаров.
P.S. сайт на иноземной мове smile

http://marqueetool.net

Sardar

Дата 5.3.2007, 13:22 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 16
Всего: 317

Хорошая вещь, только нужно добавить точки управления (a.k.a handles) не только по углам, но и на прямых. Интуитивно туда тянешься, а не в углы smile

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

GZep

Дата 5.3.2007, 18:50 (ссылка)

(нет голосов)

Загрузка ...

участник Винграда

Профиль
Группа: Завсегдатай
Сообщений: 1528
Регистрация: 7.7.2006
Где: Москва

Репутация: нет
Всего: 32

devaka,

Используйте пожалуйста [code=javascript][/code] для javascript кода.
Не получается посмотреть пример, сервер недоступен.

M
Sardar

1 - поправил.
2 - ломанулись толпой :)

--------------------

devaka

Дата 9.3.2007, 00:13 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Да, извините, с хостингом какие-то проблемы бывают иногда. Сейчас вроде все нормально. Если еще не заходили, то милости просим.
По поводу точек управления даже не знаю.. код не хочется увеличивать, и так много всего. Но идея хорошая, спасибо. Попробую что-нибудь придумать.

С ув. Сергей Кокшаров

Kasper1985

Дата 11.6.2007, 21:26 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 11.6.2007

Репутация: нет
Всего: нет

Подскажите пожалуйста как сделать чтобы свободно позиционируемы элементы на странице не смещались в сторону при изменении разрешения экрана, ни при нажатии f11 и т.д. Заранее спасибо.

devaka

Дата 11.6.2007, 21:50 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

В новой версии 2.0 у меня используется в коде следующая конструкция

Код


        this.onWindResize = this.render.bindAsEventListener(this);
        Event.observe(window, 'resize', this.onWindResize);

Должно при ресайзе окна все вставать на свои места. Вобщем, надо воспользоваться методом render() для объекта MarqueeTool. Если еще не ознакомлены с последней версией, то советую посмотреть примеры на http://marqueetool.net/examples/

Если ваш вопрос был не связан с объектом MarqueeTool smile

то напишите пожалуйста подробно ваш вопрос на мыло sergey[at} marqueetool.net

C ув. Сергей Кокшаров.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Наши скрипты \| Следующая тема »