|
|
|
HTML и картинка
|
|||
|---|---|---|---|
|
#18+
Здравствуйте, уважаемые специалисты. У меня такая задача: необходимо на веб-страницу вставить картинку, при этом с помощью HTML изменить её форму - у прямоугольной картинки сделать округленным один из углов. Картинку добавляю тегом IMG, а как можно изменить форму - не могу разобраться... Помогите пожалуйста ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.03.2010, 20:47:22 |
|
||
|
HTML и картинка
|
|||
|---|---|---|---|
|
#18+
Проще всего на самой картинке нарисовать закругление (если это PNG, то можно прозрачным цветом) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.03.2010, 21:04:27 |
|
||
|
HTML и картинка
|
|||
|---|---|---|---|
|
#18+
Спасибо за ответ, но я не сам это придумал - получил такое задание...именно на HTML сделать...Получается, как то надо на HTML.... рисовать не пройдет ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 27.03.2010, 21:17:27 |
|
||
|
HTML и картинка
|
|||
|---|---|---|---|
|
#18+
Если подложка страницы под картинкой одноцветная однородная, то просто поверх картинки размещаешь картинку-уголок, которая "эмулирует" скругленный угол. Если же неодноцветная или неоднородная, то, к сожалению, средствами разметки страницы не получится. А почему не пройдет рисованием? - Имеем ссылку на картинку (ее адрес), но в тэг img вставляем код типа такого: <img src="/get_rouded_picture?url=real_address_picture">, а на сервере с помощью библиотек отрезаешь у картинки чего надо и отдаешь сформированную картинку респонсом бинарным потоком с заголовком png-файла. Реально клиент "думает", что получил пнг с прозрачным уголком и исходная картинка нетронута. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 28.03.2010, 01:53:22 |
|
||
|
HTML и картинка
|
|||
|---|---|---|---|
|
#18+
jediAlex, в див помещаем твой img, далее js-ом (или он тоже не подходит?) прицепляем нужную картинку-уголок в данный див выставляя у него стиль z-index больше чем у исходного img, и позиционируя его в нужном угле внутри дива. т.о. можно задавать, какой именно угол должен быть скругленным, а не "зашить" округлось в html. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 29.03.2010, 13:33:44 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=36546438&tid=1453317]: |
0ms |
get settings: |
8ms |
get forum list: |
12ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
193ms |
get topic data: |
12ms |
get forum data: |
3ms |
get page messages: |
64ms |
get tp. blocked users: |
2ms |
| others: | 216ms |
| total: | 518ms |

| 0 / 0 |
