Svg 限制d3中复杂自定义路径内外的元素

我是d3的新手，我正在寻找一些正确的方向来获得我想要的效果。我想做的实质是创建一个单词云（请参见），但将所有单词限制在复杂边界之内或之外。想象一下，我在illustrator等基于向量的绘图程序中绘制了火烈鸟的复杂轮廓（即，在d3/数学上不容易直接生成的形状），我感兴趣的是限制构成我单词云的所有单词在火烈鸟内部或外部。不幸的是我的形象不会是火烈鸟。。。但你明白了。到目前为止，我在d3中遇到的最复杂的形状（人们将数据映射到其中）可能是geo json坐标，但我不确定是否可以以这种格式导出基于向量的图像

---

与许多d3初学者一样，我仍然对web上的一切（svg、javascript、dom、css等）越来越熟悉/熟悉，因此我真的希望能朝着最简单/最直接的方向前进，以获得这种效果，我很高兴用几个关键词继续自己的谷歌搜索/研究。到目前为止，我考虑过的一些关键字搜索结果并不理想，因此我想在这里征求建议。

这不是一项容易的任务；您必须完全重新编写word cloud代码，并且找出一个好的算法使单词适合形状并不容易。谢谢您的评论。我假设我会重新编写单词cloud代码。你认为这很难不去追求？自定义svg到geojson不是一个可行的选项吗？我不确定您认为geojson会有什么帮助。将元素紧密地封装到一个形状中是不容易的，并且测试给定元素是否位于另一个任意形状中也不容易。将两者结合起来并不是不可能的，但这不是我推荐给初学者的任务。这就是说，为了让自己开始了解问题有多大，坐下来，不必担心Javascript/SVG的确切术语，试着找出用于定位单词的计算方法。如果深入研究Tagxedo，你可能会得到一些帮助：@AmeliaBR这绝对是一个比我最初想象的更难的问题，谢谢你的投入