[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Прозрачный фон для вырезалки
diclofoss
Вопросик, я тут решил написать собственный Image cropper, уже почти всё сделал (благо с ExtJs это 2 секунды) осталась одна очень непонятная вещь. Есть 3 слоя: 1 подложка с исходным изображением, 2 слой-трафарет, по которому будет вырезаться, 3 слой полупрозрачная гифка, которая должна оттенять всё кроме трафарета.
Вопрос, как можно в 3м слое сделать дырку слоем трафаретом?

_____________
Sylex
Цитата(diclofoss @ 26.8.2008, 15:33) [snapback]46993[/snapback]
Вопросик, я тут решил написать собственный Image cropper, уже почти всё сделал (благо с ExtJs это 2 секунды) осталась одна очень непонятная вещь. Есть 3 слоя: 1 подложка с исходным изображением, 2 слой-трафарет, по которому будет вырезаться, 3 слой полупрозрачная гифка, которая должна оттенять всё кроме трафарета.
Вопрос, как можно в 3м слое сделать дырку слоем трафаретом?


прикольно, а код выложишь? Дополним!

_____________
Я думал я буду сеять добро, но у меня не получилось. Во-первых, мне помешали, во-вторых я сам отрекся от этой идеи.
diclofoss
Да пожалуйста.

http://www.gettime.ru/Image_cropper.zip

Сразу пару слов. Я его писал как компонент для моей админки. Если хотите запустить, ничего не меняя в коде положите все файлы в папку /admin/inc/, а также не забудьте скачать extjs (http://www.extjs.com) и положить все файлы в /admin/lib/ext/

Протестировать его в действии можно эмулятором test_image_cropper.php, он саму картинку не зарежит но отобразит все координаты, которые необходимо будет подставить функции image_cropper_crop (image_cropper.inc)

В дальнейшем я всё-таки планирую заменить window.open на окошко из ext.

Внимание, данный скрипт не есть готовая библиотека из наборов библиотек для вашего сайта. Это прототип, который предстоит ещё долго доробатывать.

А теперь о деле: вопрос с трафаретом был решен путем двигания бекграуда трафарета, который совпадает с бекграундом самой картинки

Чего не нравится:
- Под мозилой не работает событие move (хотелось бы услышать предложения по этому поводу)
- При перемещении трафарета за пределы катринки и соответственно окна, происходит скроллинг (проблему буду решать путем обрамление в ext окно)

Очень жду пожеланий, и дополнений.

_____________
Sylex
Цитата(diclofoss @ 27.8.2008, 12:18) [snapback]47079[/snapback]
Да пожалуйста.

http://www.gettime.ru/Image_cropper.zip

Сразу пару слов. Я его писал как компонент для моей админки. Если хотите запустить, ничего не меняя в коде положите все файлы в папку /admin/inc/, а также не забудьте скачать extjs (http://www.extjs.com) и положить все файлы в /admin/lib/ext/

Протестировать его в действии можно эмулятором test_image_cropper.php, он саму картинку не зарежит но отобразит все координаты, которые необходимо будет подставить функции image_cropper_crop (image_cropper.inc)

В дальнейшем я всё-таки планирую заменить window.open на окошко из ext.

Внимание, данный скрипт не есть готовая библиотека из наборов библиотек для вашего сайта. Это прототип, который предстоит ещё долго доробатывать.

А теперь о деле: вопрос с трафаретом был решен путем двигания бекграуда трафарета, который совпадает с бекграундом самой картинки

Чего не нравится:
- Под мозилой не работает событие move (хотелось бы услышать предложения по этому поводу)
- При перемещении трафарета за пределы катринки и соответственно окна, происходит скроллинг (проблему буду решать путем обрамление в ext окно)

Очень жду пожеланий, и дополнений.

посмотрим smile.gif

_____________
Я думал я буду сеять добро, но у меня не получилось. Во-первых, мне помешали, во-вторых я сам отрекся от этой идеи.
diclofoss
Any news?

_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.