如何检查svg路径中是否有svg圈

时间:2016-06-12 14:49:38

标签: d3.js svg

有许多方法可以检查路径内的点,但是我还没有找到任何算法可以检查圆圈(整个对象,而不是中心点)是否在svg路径内。 如果你想知道我为什么需要这个算法 - 我想用不同半径(http://bl.ocks.org/mbostock/1893974)的圆圈填充空间,那些进入我需要用另一种颜色绘制的形状的圆圈。因此,我们可以获得色盲人士的测试图像,例如Ishihara的图片。

The expected result like on that picture.

1 个答案:

答案 0 :(得分:1)

这是一种碰撞检测算法或交集。

第1步

填充基础形状的cirlcles

enter image description here

第2步

创建主要形状

enter image description here

第3步

检测间隙并为后面的形状着色。并隐藏主要形状

enter image description here enter image description here

优点:您可以动态添加动态形状,动画或更改动态。

对于实现外观here