| |
|
|
| | помогите добавить текст средствами javascript на изображение!
например вводя текст в форме text, он отображался бы на изображении. | |
| |
|
|
| |
|
|
| |
для: pengo
(27.03.2006 в 18:41)
| | | думаю, что возможно только с помощью слоя с текстом по верх изображения | |
| |
|
|
| |
|
|
| |
для: multiBrain
(27.03.2006 в 18:42)
| | | подскажите как это реализовать. | |
| |
|
|
|
| |
|
|
| |
для: 12345
(27.03.2006 в 18:48)
| | | я, вроде бы, немного разобрался сам.
Допустим, при указании position: absolute; задаются координаты относительно окна,
а если я хочу задать относительно родителя position: relative;, то как мне родителем назначить моё изображение??? | |
| |
|
|
| |
|
|
| |
для: pengo
(27.03.2006 в 18:44)
| | |
<div style="position:absolute;z-index:100;top:100;left:100">текст</div>
|
top и left соотвественно нужно подбирать. вообще не очень надежный способ
практичнее будет средствами php генерировать текст на картинке | |
| |
|
|
| |
|
|
| |
для: multiBrain
(27.03.2006 в 18:49)
| | | спасибо парни. Я и собераюсь генерить средствами PHP но сначало нужно поместить этот слой на изображение, переместить его в нужное место на картинке, а потом считав координаты, обработать php.
ПОДСКАЖИТЕ теперь как таскать созданный слой. | |
| |
|
|
| |
|
|
| |
для: pengo
(27.03.2006 в 18:54)
| | | я, вроде бы, немного разобрался сам.
Допустим, при указании position: absolute; задаются координаты относительно окна,
а если я хочу задать относительно родителя position: relative;, то как мне родителем назначить моё изображение??? | |
| |
|
|
| |
|
|
| |
для: pengo
(27.03.2006 в 19:09)
| | | родителем не может быть само изображение. можно уложить его в span | |
| |
|
|
| |
|
|
| |
для: pengo
(27.03.2006 в 19:09)
| | | relative - немного другое. Относительно точки текущего потока с сохранением места в потоке под объект. Поэтому перед рисунком поставишь, когда они с рисунком оба absolute. (Как в моих примерах.) Можно, конечно, relative, но что с пустотами делать?
Таскать объекты - http://javascript.aho.ru/example/JsPrimeryCode-56.htm | |
| |
|
|
| |
|
|
| |
для: 12345
(27.03.2006 в 19:24)
| | | Класс, спасибо.
А как зделать, чтобы нельзя было утащить текст за пределы изображения? | |
| |
|
|
| |
|
|
| |
для: pengo
(27.03.2006 в 19:38)
| | | Написать сложную функцию с контролем границ поля с текстом и границ изображения.
Для наглядности фон текста полезно сделать полупрозрачным.
И ширину каким-то способом задавать. | |
| |
|
|
| |
|
|
| |
для: 12345
(27.03.2006 в 19:50)
| | | да, с каждым сообщением не легче.
но не будем отчаиваться, что нибудь придумаем! | |
| |
|
|
| |
|
|
| |
для: pengo
(27.03.2006 в 19:55)
| | | Могут помочь ещё коды для выделения области на картинке мышкой - http://forum.vingrad.ru/index.php?showtopic=60808 | |
| |
|
|
| |
|
|
| |
для: 12345
(27.03.2006 в 20:48)
| | | Спасибо, друг! | |
| |
|
|
| |
|
|
| |
для: pengo
(28.03.2006 в 10:08)
| | | Парни, а как каждый раз формируя слой, задавать его размеры динамически, в зависимости от размера шрифта?
И ещё, как мне развернуть слой с надписью скажем на 90 градусов или 180? | |
| |
|
|
| |
|
|
| |
для: pengo
(27.03.2006 в 18:41)
| | | Парни, а как каждый раз формируя слой, задавать его размеры динамически, в зависимости от размера шрифта?
И ещё, как мне развернуть слой с надписью скажем на 90 градусов или 180? | |
| |
|
|
| |
|
|
| |
для: pengo
(28.03.2006 в 12:02)
| | | Размеры от размеров шрифта можно задавать, используя в CSS em вместо px . Или зафиксировать шрифт в px.
Повороты и зеркальные эффекты работают только в IE. На http://example.javascript.aho.ru/JsPrimeryCode-70.htm показано, как делать то и другое. flipv, fliph можно применять по отдельности. Код
<b>Вертикальный текст.</b><br>
<style>.vert{writing-mode:tb-rl;filter:flipv fliph;height:150;}
</style>
<div class=vert>Лезем на стенку</div>
|
| |
| |
|
|
| |
|
|
| |
для: 12345
(28.03.2006 в 13:16)
| | | большое спасибо! | |
| |
|
|
