Форум
Написать нам
  • Страница 1 из 1
  • 1
Модератор форума: as-master  
Зеркальное отражение картинки
aSanNДата: Вторник, 21 Сентября 2010, 12:06 | Сообщение # 1
Поднаторевший
Группа: Проверенные
Сообщений: 91
Репутация: 2
Награды: 0
Статус: Offline
Добрый день! Создавая проект, столкнулся с такой проблемой. Подгружаемый автоматически фаил с изображением должен отображаться сразу в двух вариантах - оригинал и его симметричная копия. Поиском решения проблемы уже сломал себе мозг.
Прошу помощи тех, кто знает.


 
SergДата: Вторник, 21 Сентября 2010, 12:13 | Сообщение # 2
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Разве что повернуть картинку.

 
YURIYДата: Вторник, 21 Сентября 2010, 12:14 | Сообщение # 3
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Quote (Serg)
Разве что повернуть картинку.

Очень смешно.

aSanN, плагин... :( Если такой есть.



Вечная память Андрею Сергееву!
 
aSanNДата: Вторник, 21 Сентября 2010, 12:17 | Сообщение # 4
Поднаторевший
Группа: Проверенные
Сообщений: 91
Репутация: 2
Награды: 0
Статус: Offline
Не удалось мне найти чудо-плагин:(

 
SergДата: Вторник, 21 Сентября 2010, 12:26 | Сообщение # 5
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
Можно в браузере сделать, средствами javascript

 
SowerДата: Вторник, 21 Сентября 2010, 12:46 | Сообщение # 6
Ветеран форума
Группа: Проверенные
Сообщений: 916
Репутация: 11
Награды: 3
Статус: Offline
Quote (Serg)
Можно в браузере сделать, средствами javascript

если ты о canvas, то в ие он на прямую не поддерживается, нужно юзать фрэймворк ecanvas.js от гуглаКодеров :(

Добавлено (21 Сентябрь 2010, 12:46)
---------------------------------------------
aSanN, какого формата изображение требуется перевернуть?

Сообщение отредактировал Sower - Вторник, 21 Сентября 2010, 12:38
 
aSanNДата: Вторник, 21 Сентября 2010, 12:54 | Сообщение # 7
Поднаторевший
Группа: Проверенные
Сообщений: 91
Репутация: 2
Награды: 0
Статус: Offline
Sower, jpg

Добавлено (21 Сентябрь 2010, 12:54)
---------------------------------------------
Там еще надо будет чтобы картинка была прозрачной, так что трюк с браузером думаю не прокатит(


 
SowerДата: Вторник, 21 Сентября 2010, 12:56 | Сообщение # 8
Ветеран форума
Группа: Проверенные
Сообщений: 916
Репутация: 11
Награды: 3
Статус: Offline
Quote (aSanN)
Там еще надо будет чтобы картинка была прозрачной, так что трюк с браузером думаю не прокатит(

В смысле прозрачной? С каких это пор jpeg поддерживает прозрачность? Или ты имеешь ввиду просто сделать картинку полупрозрачной, чтобы под ней было видно еще что-то?
 
YURIYДата: Вторник, 21 Сентября 2010, 13:00 | Сообщение # 9
Злостный админ
Группа: Администраторы
Сообщений: 3018
Репутация: 71
Награды: 28
Статус: Offline
Quote (aSanN)
Там еще надо будет чтобы картинка была прозрачной, так что трюк с браузером думаю не прокатит

Прозрачность поддерживается всеми браузерами. Так что, не надо ля-ля :))))

Но...

Quote (Sower)
если ты о canvas, то в ие он на прямую не поддерживается, нужно юзать фрэймворк ecanvas.js от гуглаКодеров

Я этим вопросом не занимался, поверим на слово Sower'у.



Вечная память Андрею Сергееву!
 
SergДата: Вторник, 21 Сентября 2010, 13:03 | Сообщение # 10
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline
В архивах находятся примеры скриптов.
Один частично отражает картинку, второй полностью
Ещё демка на MMB
Прикрепления: Demo.zip (59.7 Kb) · Chastichno.zip (59.5 Kb) · Polnostyu.zip (58.8 Kb)




Сообщение отредактировал Serg - Вторник, 21 Сентября 2010, 13:05
 
aSanNДата: Вторник, 21 Сентября 2010, 13:06 | Сообщение # 11
Поднаторевший
Группа: Проверенные
Сообщений: 91
Репутация: 2
Награды: 0
Статус: Offline
Sower, там за симметричной картинкой будет виден фон.
Мне собственно зеркальное отражение картинки нужно сделать - мнимое изображение должно быть прозрачным и симметричным относительно оригинала


 
SowerДата: Вторник, 21 Сентября 2010, 13:09 | Сообщение # 12
Ветеран форума
Группа: Проверенные
Сообщений: 916
Репутация: 11
Награды: 3
Статус: Offline
Quote (YURIY)
поверим на слово Sower'у.

Уж поверьте, я этим в плотную занимаюсь (графикой на js)


Сообщение отредактировал Sower - Вторник, 21 Сентября 2010, 13:09
 
aSanNДата: Вторник, 21 Сентября 2010, 13:10 | Сообщение # 13
Поднаторевший
Группа: Проверенные
Сообщений: 91
Репутация: 2
Награды: 0
Статус: Offline
Serg, спасибо) попробую как-нибудь это присобачить)

 
SergДата: Вторник, 21 Сентября 2010, 13:10 | Сообщение # 14
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline

Вот оба варианта.
Прикрепления: 1736441.png (332.6 Kb)




Сообщение отредактировал Serg - Вторник, 21 Сентября 2010, 13:10
 
SowerДата: Вторник, 21 Сентября 2010, 13:14 | Сообщение # 15
Ветеран форума
Группа: Проверенные
Сообщений: 916
Репутация: 11
Награды: 3
Статус: Offline
Serg, ого, я исходник js посмотрел из примера и честно очень сильно удивлся scared
 
SergДата: Вторник, 21 Сентября 2010, 13:18 | Сообщение # 16
Ветеран форума
Группа: Проверенные
Сообщений: 959
Репутация: 6
Награды: 8
Статус: Offline


 
SowerДата: Вторник, 21 Сентября 2010, 13:30 | Сообщение # 17
Ветеран форума
Группа: Проверенные
Сообщений: 916
Репутация: 11
Награды: 3
Статус: Offline
вот
Quote (wikipedia)
Впервые canvas был представлен компанией Apple и использовался как компонент WebKit для Mac OS X в таких приложениях как Dashboard и Safari.
Поддержка canvas в Gecko появилась в версии 1.8 (версия 1.5 браузера Firefox), в Presto с версии 9.0 веб-браузера Opera. Только Internet Explorer 9, начиная с Platform Preview 3 поддерживает canvas. Ранее ситуацию с отсутствием canvas в IE исправила компания Google, выпустившая собственное расширение, написанное на JavaScript под названием ExplorerCanvas.

http://ru.wikipedia.org/wiki/Canvas_ (HTML)

а там конкретный canvas:

Code
reflection  = document.createElement('canvas');
var context = reflection.getContext('2d');

бред какой-то

Добавлено (21 Сентябрь 2010, 13:30)
---------------------------------------------

Quote (Serg)
тут можно посмотреть

похоже тут строчка
Quote
В случае с IE всё просто и сводится к заданию соответствующих фильтров.

всё и объясняет, т.е. это всётаки не канвас (в случае с IE)
 
  • Страница 1 из 1
  • 1
Поиск: