Question

简而言之 - 我试图通过将鼠标悬停在其中一个标题上来改变一个路径的笔触 - 不透明度（你会看到'presidio'标题有一个链接到它）到目前为止，我见过的JQuery / javascript答案都没有。

我尝试过的最新片段是：

d3.select('.presidio').on('mouseover', function(){
  console.log('hey!');
  var object = document.getElementById("presidio");
  object.setAttribute("stroke-opacity", 1);
});

svg是巨大的，所以在这里粘贴它将花费一百万年阅读。但是如果你想在这里检查svg元素：http://www.petegetscreative.com/hoods/hoods.html

Answer 1

更改ID为'presidio：

的元素的不透明度

d3.select('#presidio').style("stroke-opacity", "1");

使用类'presidio'

将鼠标悬停在效果上

d3.selectAll('.presidio').on('mouseover', function(){
  d3.select(this).style("stroke-opacity", "1"); })

Answer 2

我没有测试过这个，但你试过了吗？

object.setAttribute("stroke-opacity", "1");

我认为引号是正确的语法。

Answer 3

我已经测试过了...

object.style['stroke-opacity'] = 1;

改变<svg>对象路径的行程不透明度</svg>

3 个答案: