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

时间:2017-04-03 07:51:56

标签: javascript svg snap.svg

我试图找到它们之间的交集,然后使用相同的结果来获得第一个路径和第二个路径之间的差异。我正在尝试使用Snap.svg中的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);

现在这样做之后,我得到了有两个交点的数组,但它也有t值的贝塞尔曲线信息。我无法使用此信息创建新路径

0 个答案:

没有答案