Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
SVG路径-画布中的添加和减去| |套索选择工具_Svg_Html5 Canvas - Fatal编程技术网

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

SVG路径-画布中的添加和减去| |套索选择工具,svg,html5-canvas,Svg,Html5 Canvas,我想要组合两个SVG路径,以便 1.两条路径都将存在,但在交叉区域,不会有笔划 2.第二条路径将被排除,并将有一个完整的行程 请参见图片中的 我希望类似的功能也在HTML5画布。 这个场景的目的是实现一个套索选择工具(徒手选择),类似于photoshop的套索选择工具,使用Ctrl和Alt选项添加和减去选择[+一些其他功能]。您尝试了什么?这听起来有点像家庭作业 第一个很容易复制。只需用笔划画两个圆,然后在没有笔划的同一位置再次画 你可以通过在右边画一个紫色的圆圈来实现第二个形状(“吃豆人”),

我想要组合两个SVG路径,以便

1.两条路径都将存在,但在交叉区域,不会有笔划

2.第二条路径将被排除,并将有一个完整的行程

请参见图片中的

我希望类似的功能也在HTML5画布。
这个场景的目的是实现一个套索选择工具(徒手选择),类似于photoshop的套索选择工具,使用CtrlAlt选项添加和减去选择[+一些其他功能]。

您尝试了什么?这听起来有点像家庭作业

第一个很容易复制。只需用笔划画两个圆,然后在没有笔划的同一位置再次画


你可以通过在右边画一个紫色的圆圈来实现第二个形状(“吃豆人”),这个圆圈被一个与左边(黑色)圆圈处于相同位置的圆圈剪下。

谢谢。在第二种解决方案中,笔划将是一个问题。请看最新的“套索”问题,你必须通过增加和减少矩形来建立你自己的路径形状。没有捷径可走。