Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.04.2015, 17:09
Новичок на форуме
Отправить личное сообщение для Seintero Посмотреть профиль Найти все сообщения от Seintero
 
Регистрация: 10.12.2013
Сообщений: 5

Прозрачность SVG.
Добрый день. Столкнулся со странной проблемой..
Работаю с SVG графикой. У меня есть карта, участкий которой подсвечивается при наведении мышки... делаю я это так:

//задаём атрибуты svg-областей
var attributes3={
        opacity:0,
        fill:'#F1F1F1',  
        'stroke-width':5,
		stroke: '#c41f1d',
		 'stroke-linejoin': 'round'
    };

var obj3=paper.path(window.pathsN[2]);
obj3.attr(attributes3);
addTip3(obj3);

//функция, где задана реакция на курсор

 function addTip3(obj){
       var kp2=$("#kp2");
          kp2.mouseover(function(){
          kp2.show();
              });
      kp2.mouseleave(function(e){
           obj.attr({opacity:0});
           kp2.hide();
             });
        $(obj.node).mouseover(function(e){
                   obj.attr({'opacity':0.5});
                     kp2.show();
        }).mouseout(function(){
                  kp2.hide();
            obj.attr({'opacity':0});
        });
    }


И всё работает идеально! Теперь мне необходимо сделать, чтобы они не зависели от курсора, а всегда были полупрозрачные. Однако же

function addTip3(obj){
       var kp2=$("#kp2");
                 kp2.show();
                         obj.attr({'opacity':0.5});
           }


...перестаёт работать. opacity работает почему-то только при 0 или 1 (соответсвенно скрыть или показать). Так же и с попыткой манипулирования fill-opacity. Так же и с попыткой сразу в attributes3 задать 0,5.
Буду признателен, если подскажете в чём моя ошибка.. или как это можно обойти.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Создание SVG элемента и вставка на страницу FINoM Events/DOM/Window 3 13.09.2015 16:47
SVG CSS, SVG to WOFF kobezzza Firefox/Mozilla 2 29.03.2013 15:59
Inline SVG as background Paguo-86PK Элементы интерфейса 0 16.12.2011 20:12
Простой графический движок: SVG vs Canvas stryaponoff Общие вопросы Javascript 5 29.06.2010 16:59
svg. обработка событий amigo* Элементы интерфейса 0 23.06.2010 22:31