RaphaelJS库找到路径的交点

Question

12

我希望使用 RaphaëlJS 来绘制由圆形相交组成的形状。是否已经有现成的库可以实现这个功能？或者一个更通用的SVG路径库也可以，但是我的谷歌搜索无果。

我想绘制类似于下面这样的形状:

shapes

- Douglas

你想以编程的方式完成这个任务，有什么特别的原因吗？显然，像Inkscape这样的程序具备这种能力并且可以导出产品。 - pp19dd

我正在玩一个简单的二维游戏，它有一个可摧毁的地形，所以我想根据玩家的行动来切割它。由于我可以使用纯色背景，所以我作弊了，只是在地形上用纯色绘制我的形状。 - Douglas

1

明白了，很有道理。浏览了一下关于多边形减法的搜索结果，找到了这个网站，但没有JS实现 - http://www.cs.man.ac.uk/~toby/alan/software/ - pp19dd

通用多边形剪辑库（在上面的评论中提供链接）有一个ActionScript 3.0端口。如果你很着急，把它移植到JavaScript应该不会太难，因为它们都是ECMAScript方言。 - Griffin

如果您对SVG没有固定的要求，Canvas可以直接实现此功能。 - Andrew

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Alexey Lebedev · Accepted Answer

< p > SVG Compositing 规范描述了合成操作（comp-op属性），但目前没有任何浏览器支持。

这里有一个示例，但截至本文撰写时，在Chrome或Firefox中无法正常工作。裁剪在某些情况下可以使用，但它不允许进行 knock out 效果。

另一方面，canvas 合成操作得到了完全支持，因此您可以尝试使用 canvas 来制作游戏。