計算兩條路徑的交叉點

Question

Raphaël庫中只有一個Raphael.pathIntersection(path1, path2)實用程序，並且此方法只能得到這兩條路徑的交點的。

我需要的是交叉區域。

如下圖所示，該方法只獲得2個點（用紅色圓圈標記）。我期望同時有另外兩個點（用藍色圓圈標記），以形成一個相交區域路徑。

Answer 1

兩點應該是你所需要的。但是我不確定你爲什麼要相交。要麼需要知道區域（寬度*高度），要麼需要可視化交點。無論哪種方式，知道矩形的兩個點就足夠了。我準備了a little example以防萬一它對你有用。

var p1 = "M100 100 L100 400 L400 400 L400 100 Z", 
    p2 = "M200 200 L200 500 L500 500 L500 200 Z"; 
var paper = new Raphael(0, 0, 800, 600); 

paper.path(p1).attr({fill : "red", opacity : 1}); 
paper.path(p2).attr({fill : "blue", opacity : 0.5}); 

var points = Raphael.pathIntersection(p1, p2); 
var w = points[1].x-points[0].x, 
    h = points[0].y-points[1].y; 
var group = paper.set(); 
group.push(paper.rect(510, 100, w, h).attr({fill: "yellow"})); 
group.push(paper.text(610, 150, "The intersection area\nis drawn over here.\n \nWidth: " + w + "\nHeight: " + h));