Question

我正在构建一个简单的地图，并且需要在输入上显示正确的svg方向线，而任何其他方向线都会逐渐消失。此代码适用于Firefox，但不适用于Chrome或Safari。 webkit有不同的处理方式吗？谢谢你的帮助！

使用Javascript：

function getDirBut(){
        var input = $('.roomname').html();
        $('.direction').each(function(){
            var i = this;
            if($(i).attr('id') != ("d" + input) && $(i).attr('id') != undefined){
                $(i).css("transition","0.8s ease all");
                $(i).css('opacity',0);
            }else if($(i).attr('id') == ("d" + input)){
                $(i).css("transition","0.8s ease all");
                $(i).css('opacity',1);
            }
         });    
  }

Answer 1

您可以尝试定位svg的opacity属性而不是CSS。

在原生JS中，这适用于Safari中的svg路径：

localSvgDoc.getElementById('myId').setAttribute('opacity', 0.3)

在Chrome中更改不兼容JS和SVG的不透明度

1 个答案: