SVG路径 - 加减||画布中的套索选择工具

Question

我想组合两个SVG路径，例如

1.两条路径都在那里但是，在交叉区域，没有中风。

2.将排除第二条路径并且将有完整的中风

见http://s18.postimg.org/et4m803rd/shape_combinations.jpg

上的图片

我也想在HTML5画布中使用类似的功能。 此场景的目的是实现类似于photoshop的套索选择工具（徒手选择），使用 Ctrl 和 Alt 选项添加和减去选择[+其他功能]。

Answer 1

你有什么尝试？这听起来有点像家庭作业。

第一个很容易复制。只需用笔划绘制两个圆圈，然后在没有笔划的情况下在同一个地方再次绘制它们。

您可以通过在右侧绘制一个紫色圆圈来实现第二个形状（“pacman”），该圆圈由与左（黑色）圆圈位于同一位置的圆圈修剪。