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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/drupal/3.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 - Fatal编程技术网

填充SVG的封闭空间?

填充SVG的封闭空间?,svg,Svg,因此,我将一个时装模型的PNG草图转换为SVG,因为它使线条看起来更清晰、更清晰。最终目标是让用户单击一种颜色,然后用所选颜色填充单独的衣物。我唯一的问题是我无法真正弄清楚如何或者是否有办法简单地填充SVG所包含的空间 我也不确定SVG的复杂性是否是一个问题。因为它是一个草图,所以它由许多短线组成,SVG格式将这些短线变成了一条平滑的线 您的SVG处于可以轻松开发为所需内容的状态。下图显示了实际概述的内容: 如您所见,路径围绕线条的每一侧。这就是为什么改变填充只会改变黑线的原因:视觉上看起来像

因此,我将一个时装模型的PNG草图转换为SVG,因为它使线条看起来更清晰、更清晰。最终目标是让用户单击一种颜色,然后用所选颜色填充单独的衣物。我唯一的问题是我无法真正弄清楚如何或者是否有办法简单地填充SVG所包含的空间

我也不确定SVG的复杂性是否是一个问题。因为它是一个草图,所以它由许多短线组成,SVG格式将这些短线变成了一条平滑的线


您的SVG处于可以轻松开发为所需内容的状态。下图显示了实际概述的内容:

如您所见,路径围绕线条的每一侧。这就是为什么改变填充只会改变黑线的原因:视觉上看起来像一条线的东西实际上是一个长而小的封闭区域

你可以利用这种状态为自己谋利。最好使用某种类型的可视化SVG编辑器,例如Inkscape、Sketch或Illustrator

将当前拥有的一条路径划分为单独的闭合部分。编辑有一个分解命令

最外面的部分现在包围了整个图形。请注意,两条腿之间应该有一个空白。选择最外面的路径和该空间周围的路径,并将它们重新组合在一起,实际上与前一个路径的操作相反

将此对象移到图形中所有其他路径的后面,并用黑色填充

剩下的路径现在可以用你喜欢的颜色填充。因为他们坐在黑色背景部分的前面。唯一可见的黑色是缝隙和外部,就像是线条一样


您的SVG处于可以轻松开发为所需内容的状态。下图显示了实际概述的内容:

如您所见,路径围绕线条的每一侧。这就是为什么改变填充只会改变黑线的原因:视觉上看起来像一条线的东西实际上是一个长而小的封闭区域

你可以利用这种状态为自己谋利。最好使用某种类型的可视化SVG编辑器,例如Inkscape、Sketch或Illustrator

将当前拥有的一条路径划分为单独的闭合部分。编辑有一个分解命令

最外面的部分现在包围了整个图形。请注意,两条腿之间应该有一个空白。选择最外面的路径和该空间周围的路径,并将它们重新组合在一起,实际上与前一个路径的操作相反

将此对象移到图形中所有其他路径的后面,并用黑色填充

剩下的路径现在可以用你喜欢的颜色填充。因为他们坐在黑色背景部分的前面。唯一可见的黑色是缝隙和外部,就像是线条一样


正如@ccprog所解释的,你有一条已经被黑色填满的空心路径。这就是解决问题的方法:

我已将路径的d属性更改为all absolute。Ypu可以使用Lea Verou的这支笔:

使用M命令拆分路径的d属性,并使用片段作为d属性创建其他路径

用鲜艳的颜色填充生成的路径,以便识别路径

接下来,你可以用你喜欢的颜色填充它们


正如@ccprog所解释的,你有一条已经被黑色填满的空心路径。这就是解决问题的方法:

我已将路径的d属性更改为all absolute。Ypu可以使用Lea Verou的这支笔:

使用M命令拆分路径的d属性,并使用片段作为d属性创建其他路径

用鲜艳的颜色填充生成的路径,以便识别路径

接下来,你可以用你喜欢的颜色填充它们


对我来说,这是一个有趣而有用的答案哇,我没想到它会这么好用!你刚刚做了一件事,我在过去的一周里一直在努力为我做一些无趣且有用的回答哇,我没想到它会这么好用!你刚刚做了一些事情,我在过去的一周里一直在尝试做nonstopWow,看到这样的SVG真的帮助我理解了这种文件是如何工作的。非常感谢你!哇,看到这样的SVG真的帮助我理解了这种文件是如何工作的。非常感谢你!