Javascript 是否可以为下图创建单路径SVG?

Javascript 是否可以为下图创建单路径SVG?,javascript,html,css,svg,Javascript,Html,Css,Svg,我能够创建这个(但是它的中心有一个透明的部分-希望它是纯白的) "7.0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 6 6 6 6 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 7 7 7 7 7 7 7 7 7 7 7 7

  • 我能够创建这个(但是它的中心有一个透明的部分-希望它是纯白的)

  • "7.0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 6 6 6 6 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 0 0 0 0 0 0 0 0 0 0 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 4-1.3-2.5-2.7-2.4c-1.4,0.1-2.5,1.3-2.4,2.7l0.9,15.6c0.1,1.4,1.3,2.5,2.7,2.4l10.7-0.6L42.5,48c0.5,0.7,1.3,1.2,2.1,1.21.1,2.5-1.1,2.5-1.2.5-1.2.5-1.1.1.1.1.5 5.1.1 5.1.1 5 5.1.1 5 5.5 5.5.5 5.5 5.5 5.5 5.5 5.5.5-2.5 5.5.5.5-2.5 5 5.5 5 5 5 5.5 5 5 5.5 5 5 5 5 5 5.5 5 5 5 5 5.5 5 5 5 5 5 5 5 5.5 5 5 5 5 5 5.5 5 5 5 5 5 5 5.5 5 5 5 5 5.5 5 5 5 5 5 5.5 5 5 5 5 5 5.5.5 5 5 5 5 5 5.5.1.5 5 5 5 5 5 5 5.1.1.1.1.5 5 5 5 5 5 5 5.1.5 5 5 5.1.1.1.5 5 5 5 5 5 5 5 5 5 5 5 5 5.5-10.5c0-3.5,1.8-6.7,4.5-8.6v-3.9 c-4.6,2.3-7.9,7-7.9,12.5c0,7.7,6.2,13.9,13.9,13.9 C6.1,0,11.3-4,13.2-9.5L35.2,42.4z“

  • 路径1结果:

  • 后来,我能够为中心图形提取另一条路径,即:

  • "0.1 0 0 0.1 0 0 0.1 0 0 0 0.1 0 0 0 0 0.1 1 0 0 0 0.1 1 0 0 0 0 0 0 0.1 1 0 0 0 0 0.1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 1 0 0 0 0 0 0 0 0.0 0 0 0 0 0 0 0 0.1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0.8,0.3,2.1,1.2 c0.3,0.9-0.3,1.8-1.2,2.1l-9.6,2.7l0.2,2.8l9.6-0.5c0.9,0,1.8,0.4,2.3,1.2L35.1,38l2.5-0.1C39.1,37.8,40.3,38.9,40.3,40.3z5.1.1.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.6.5.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7-6-6.6-6-6.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7.7 7.7.7.7.7.7 7.7 5l-2.7-4.1 C24.2,42,19.6,46.6,13.9,46.6z“

  • 路径2结果:

寻找一个单路径SVG,它创建了一个精确的图像,如


提前谢谢你。

仇恨者会说我在作弊。他们绝对是对的



否。单个路径只能有一种填充颜色,因此不能有部分白色和部分蓝色的单个路径。感谢@Robert的输入。是否可以将两个路径合并为一个路径?只是好奇!通常,您可以将d属性值串联起来。非常感谢,我们将尝试这样做。有关编辑d路径的信息,请参阅: