css - 在D3 中如何给线条（曲线）添加阴影呢

问题描述

问 题

需要给这根曲线添加阴影

曲线的代码如下：

_self.runtime.svg.append('path')
        .attr('class', 'vo2BrokenLine line')
        .attr('d', vo2BrokenLine(_self.runtime.data))
        .attr('transform', 'translate(' + _self.margin.left + ',' + _self.margin.top +')')
        .style('fill', 'none')
        .style('stroke-width', 2)
        .style('stroke', '#FE7201')
        .style('stroke-opacity', 0.9);

请问该如何处理呢？
css3 的方法似乎是无效的

解决方案

可以添加高斯模糊和偏移滤镜实现，参见http://bl.ocks.org/cpbotha/52...

这篇关于css - 在D3 中如何给线条（曲线）添加阴影呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！