使用 d3.js 在 svg 中创建带有模糊笔划的矩形
[英]Create rect with blurred stroke in svg using d3.js
问题描述
如何使用 d3.js 在svg创建一个带有模糊笔划的rect ？
或者至少是一个普通的svg标记。
我找不到这样的例子或问题的解决方案。 如果您告诉我它是重复的并提供类似的问题，我很乐意删除此问题。 但我很确定它不是重复的。
1 个解决方案
解决方案1
2 已采纳 2018-05-31 14:31:17
您可能想查看这篇文章“为 d3.js 可视化添加微妙的光晕”
如果你想手动完成，你可以使用 feGaussianBlur 过滤器，更多信息在这里： feGaussianBlur
来自 Mozilla 开发人员：
<svg width="230" height="120" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <filter id="blurMe"> <feGaussianBlur in="SourceGraphic" stdDeviation="5" /> </filter> <circle cx="60" cy="60" r="50" fill="green" /> <circle cx="170" cy="60" r="50" fill="green" filter="url(#blurMe)" /> </svg>
D3.js 使用 d3 append 将“rect”元素添加到 svg 时不可见的 rect 元素
[英]D3.js Invisible rect element when using d3 append to add “rect” elements to an svg
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.