Javascript D3.js自定义边渲染

Javascript D3.js自定义边渲染,javascript,angularjs,d3.js,Javascript,Angularjs,D3.js,我试图制作一个类似于地图的图形。这里,我使用一个力定向图,其中节点是位置,边是位置之间的路径。 然而,我似乎找不到任何关于如何渲染与具有颜色属性的线不同的边的文档。(我现在正在做,但看起来有点乏味) 是否有某种方式可以自定义渲染边缘,例如,某种类型的重复图像?或者更具体地说,以我为例,是一条土路还是类似的 提前谢谢 您可以使用: 你能发布一张你想要达到的效果的图片吗?我想要的一张好的图片在网上并不是很好,所以我在画图方面已经尽了最大的努力:因此,我不想把边渲染成彩色线,而是希望它被定制成某种

我试图制作一个类似于地图的图形。这里,我使用一个力定向图,其中节点是位置,边是位置之间的路径。 然而,我似乎找不到任何关于如何渲染与具有颜色属性的线不同的边的文档。(我现在正在做,但看起来有点乏味)

是否有某种方式可以自定义渲染边缘,例如,某种类型的重复图像?或者更具体地说,以我为例,是一条土路还是类似的

提前谢谢

您可以使用



你能发布一张你想要达到的效果的图片吗?我想要的一张好的图片在网上并不是很好,所以我在画图方面已经尽了最大的努力:因此,我不想把边渲染成彩色线,而是希望它被定制成某种路径(在我的画图示例中,是一条脏路径)。如果没有这样的功能来渲染边,是否有可能给边一个不同的图案、路线或其他任何东西,使它们看起来像一条带颜色的直线以外的任何东西?对我来说,另一种可能性是使边的宽度会聚或发散。即,它从宽度为20的节点X开始(基于X的一些基准),并在宽度为10的节点Y结束(基于Y的一些基准)。这也就足够了。但是,同样,我找不到关于此的任何文档。谢谢!我不知道边的过滤器,所以这非常接近我想要的!但我有两个问题,;1.使用feImage,我已将边渲染为所需的图像。但是,由于所有边都具有基于源/目标位置的不同旋转,因此图像放置不正确(请参见,不要提及白色背景)。我怎样才能最好地解决这个问题?2.我现在如何才能开始分离/聚合链接?使用女性形态学,我可以扩展或侵蚀整个链接,但我似乎找不到一个过滤器可以使边缘发散或收敛。我想你在这里问了两个不同的问题。我建议发布一个(或两个)新问题,其中包含关于您需要解决的问题的更具体信息。如果您觉得我的答案有用,请标记为正确和/或向上投票