Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Резка изображений


Автор: Slonoon 16.7.2008, 00:59
Есть два изображения.

Одно является фоном,второе допустим у нас логотип. Так вот вопрос как сделать чтобы при выделении некоторого участка во втором изображении он(выделенный участок) менял свою прозрачность. Т.е по сути управление прозрачностью некоторых участков логотипа. Все бы ничего если бы не было фона. Так просто можно наложить div и править ему прозрачность. А тут надо чтобы прозрачность менялась только у логотипа и фон за ним прекрасно просматривался.

Выделение,ресайз я реализовал,но вот как сделать это мне в башку не лезет. И почемуто кажется что это невозможно.

Автор: Slonoon 16.7.2008, 01:33
Прошу прощения но уже придумал.

Просто у дива который является областью выделения нада поставить фоновое изображение,и в процессе перемещения или увеличения/уменьшения размеров выделения оперировать соответственно background-position.

Если есть какие либо другие решения,очень хотелось бы узнать

Автор: ksnk 17.7.2008, 10:36
А логотип нужно полностью убирать или полупрозрачно показывать в области выделения? Может оказаться удобнее полностью скопировать  структуру "картинки" в "область выделения" и оперировать изменениями scrollLeft, scrollTop у "Выделялки".

Код


<div id="Картинко" style="position:relative;">
<img src="background" style="position:absolute;z-index:1">
<img src="logo" style="position:absolute;z-index:2">
</div>

<div id="Выделялко" style="width:20px;height:20px;overflow:hidden;">
<div id="Копия картинко">
<img src="background" style="position:absolute;z-index:1">
<img src="logo" style="position:absolute;z-index:2">
</div>
</div>



Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)