Вход

Просмотр полной версии : Прозрачность SVG.


Seintero
20.04.2015, 17:09
Добрый день. Столкнулся со странной проблемой..
Работаю с 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.
Буду признателен, если подскажете в чём моя ошибка.. или как это можно обойти.