RaphaelJS庫查找路徑的交點

我想繪製使用RaphaëlJS的圓形交叉點的形狀。有沒有圖書館可以做到這一點？更通用的SVG路徑庫可能也會起作用，但我的谷歌foo讓我失望。RaphaelJS庫查找路徑的交點

我想繪製形狀這樣的：

shapes

2011-10-07 Douglas

是否有特定的原因，你爲什麼要以編程方式做到這一點？顯然，像inkscape這樣的程序有這種能力，可以導出產品。 – pp19dd

我玩的是一個簡單的2D遊戲，具有可破壞的景觀，所以我想根據玩家的行爲來削減它。由於我可以逃脫一個堅實的背景色，我欺騙了，並在風景中以純色畫出了我的形狀。 – Douglas

Gotcha。非常有意義。 Cursory搜索多邊形減法帶給我這個，雖然沒有JS實現 - http://www.cs.man.ac.uk/~toby/alan/software/ – pp19dd

SVG Compositing規範描述的合成操作（COMP-OP屬性），但他們目前沒有任何瀏覽器的支持。

以下是您可以嘗試的example，但在撰寫此文件時，它不適用於Chrome或Firefox。 Clipping可以在某些情況下工作，但它不允許去除效果。

另一方面，canvas compositing操作完全受支持，因此您可以嘗試使用畫布作爲遊戲。這是game-like example我用帆布合成。

2012-03-29 19:28:15

回答