修改 svg 路径以移除填充部分

时间:2021-01-21 16:53:02

标签: javascript html svg

我有一个如下的 svg 路径

M 1.6667 0.6666 H 20.3333 C 21.0697 0.6666 21.6667 1.2636 21.6667 2 V 18 C 21.6667 18.7363 21.0697 19.3333 20.3333 19.3333 H 1.6667 C 0.9303 19.3333 0.3333 18.7363 0.3333 18 V 2 C 0.3333 1.2636 0.9303 0.6666 1.6667 0.6666 Z M 20.3333 2 H 2 V 4.8 H 20.3333 V 2 Z M 1.6667 18 V 5.8666 H 20.3333 V 18 H1.6667 Z M 9 2.6666 H 7.6667 V 4 H 9 V 2.6666 Z M 5 2.6666 H 6.3333 V 4 H 5 V 2.6666 Z M 3.6667 2.6666 H 2.3333 V 4 H 3.6667 V 2.6666 Z

当我在 https://yqnn.github.io/svg-path-editor/ 上输入这条路径时,我得到了生成的形状。现在,如何修改此路径以将内部矩形部分设为未填充(或空心)。我指的是主要形状内最大的矩形。

enter image description here

1 个答案:

答案 0 :(得分:0)

只需删除顶行并将底行向上拖动即可。

M 1.6667 0.6666 H 20.3333 C 21.0697 0.6666 21.6667 1.2636 21.6667 2 V 18 C 21.6667 18.7363 21.0697 19.3333 20.3333 19.3333 H 1.6667 C 0.9303 19.3333 0.3333 18.7363 0.3333 18 V 2 C 0.3333 1.2636 0.9303 0.6666 1.6667 0.6666 Z M 20.3333 2 H 2 V 4.8 H 20.3333 V 2 Z M 1.6667 18 H 20 V 6 H 1.6667 Z M 9 2.6666 H 7.6667 V 4 H 9 V 2.6666 Z M 5 2.6666 H 6.3333 V 4 H 5 V 2.6666 Z M 3.6667 2.6666 H 2.3333 V 4 H 3.6667 V 2.6666 Z

你方格的边被交换了。您可以更改它,但删除并重新创建正方形会删除您在那里的额外点数。

相关问题