我在 SVG 中绘制箭头,使用svg:line
带有如下标记的元素:
svg_.append("svg:defs")
.append("svg:marker")
.attr("id", "bluearrowhead")
.attr("viewBox", "0 -5 10 10")
.attr("refX", 0)
.attr("refY", 0)
.attr("markerWidth", 6)
.attr("markerHeight", 6)
.attr("orient", "auto")
.append("svg:path")
.attr("d", "M0,-5L10,0L0,5")
.attr("fill", "deepskyblue");
我希望能够淡出我的箭头。对于箭头轴,这是有效的:
svg_.selectAll(".arrows")
.transition()
.duration(1000)
.style("stroke-opacity", 0.0)
.remove();
但是当轴消失时,箭头会停留 1000 毫秒,然后突然消失。我fill-opacity
在线路上试过了,也试过selectAll
了,.bluearrowhead
但无济于事。有没有办法转换标记样式?