使用 Snap.path.intersection 计算 SVG 中路径的差异和交集

2024-03-10

我试图找到它们之间的交集,然后使用相同的结果来获得第一条路径和第二条路径之间的差异。我正在尝试使用 Snap.svg 中的 Snap.path.intersection 函数。

这是该函数的链接http://snapsvg.io/docs/#Snap.path.intersection http://snapsvg.io/docs/#Snap.path.intersection

这是我的示例代码

var p1='M 185.90092404385516 250 m -170.90092404385516 0 a 170.90092404385516 170.90092404385516 0 1 0 341.8018480877103 0 a 170.90092404385516 170.90092404385516 0 1 0 -341.8018480877103 0';
var p2='M 336.8744227648239 250 m -148.12557723517602 0 a 148.12557723517602 148.12557723517602 0 1 0 296.25115447035205 0 a 148.12557723517602 148.12557723517602 0 1 0 -296.25115447035205 0';
var PAPER=Snap(document.getElementById('svg'));
var path1=PAPER.path(p1);
path1.attr({'fill-opacity':0.3})

var path2=PAPER.path(p2);
path2.attr({'fill-opacity':0.3})
var intersection=Snap.path.intersection(p1, p2);

现在,完成此操作后,我得到了一个具有 2 个交点的数组,但它也具有带有 t 值的贝塞尔曲线信息。我无法使用此信息来创建新路径


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Snap.path.intersection 计算 SVG 中路径的差异和交集 的相关文章

随机推荐