Java script выполнить обводку

[фонарик]

Подскажите пожалуйста, можно ли вообще как-то скриптом выполнить обводку прозрачного контура рисунка? По примеру рисунка, зеленый контур при наведении мышки на рисунок например?

[Vin]

Можно скриптом, а можно и без.

[sigma77]

Можно скриптом, а можно и без.

Рисунка?

[фонарик]

Можно скриптом, а можно и без.

При помощи CSS я знаю можно менять стиль рисунка и таким образом при наведении образовывать контур, но контур в таком случае можно сделать только по размеру всего рисунка (т.е получится контур квадрата размером с рисунок).

Вы говорите что можно при помощи явы, можно хотябы в нескольких словах?

Edited January 21, 2013 by фонарик

[Vin]

С помощью JS+CSS дубилировать текст и позиционировать — будет совсем коряво, это не годится.

С помощью box-shadow, но у такой обводки будут заметны некоторые огрехи, если при этом по краям совсем не используется размытие.

Надеялся, что на канвасе лучше выходит, но там тоже довольно коряво.

[Great Rash]

Cufon умеет делать обводку текста.

[Николя223]

или канвас - если уж вообще никак

[Vin]

или канвас - если уж вообще никак

Если говорить о text api, то получается не очень.

Я в SVG не разбираюсь, но нашёл рецепт:

http://jsfiddle.net/villard/b3cyx/

Тут всё работает замечательно.

[Great Rash]

или канвас - если уж вообще никак

Вообще Cufon именно через канвас и делает.

[Николя223]

или канвас - если уж вообще никак

Вообще Cufon именно через канвас и делает.

считал, что SVG использует... застестирую его при случае

[фонарик]

Ребята, я имел ввиду не текст, а рисунок. Об этом и написал в первом посте. Текст в рисунке образовался как первая попавшаяся фигура в виде буквы "а". Интересует именно обводка контура рисунка, форма которого может быть абсолютно любая. Естественно, рисунок имеет альфа канал.

Edited January 23, 2013 by фонарик

[Great Rash]

Никак. Используйте 2 картинки.

[lexxcode]

используйте SVG, можно реализовать то, что вы хотите, на css

p.s. (IE9+)

[Vin]

Ребята, я имел ввиду не текст, а рисунок. Об этом и написал в первом посте. Текст в рисунке образовался как первая попавшаяся фигура в виде буквы "а". Интересует именно обводка контура рисунка, форма которого может быть абсолютно любая. Естественно, рисунок имеет альфа канал.

Никак. Используйте 2 картинки.

Или спрайт тогда уж, что логично для однотипных сменяемых изображений. ТС рекомендую глянуть статью спрайты в вебе.

Edited January 23, 2013 by Vin

[Aerrt85]

Задумайтесь над самой задачей. Есть прямоугольный рисунок - а вы хотите обвести изображение на этом рисунке. Задача ближе к фотошопу, чем к JS. Преходите на вектор - SVG, только задумайтесь - а нужно ли это?

[lexxcode]

можно еще глянуть в сторону drop-shadow

но с кроссбраузерностью по хуже будет

[фонарик]

Спасибо всем за советы и подсказки. Картинок всяких много и не хотелось прибегать к фотошопу, думал, может на яве такое можно, эх, жаль.