Question

我已经将Illustrator从CS6升级到了最新版本，因此现在我可以使用曲率工具绘制曲线了。我将它们导出为.svg。 SVG代码输出发生了一些变化，我想确保我理解正确。这是代码：

 <?xml version="1.0" encoding="utf-8"?>
    <!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
    <svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    	 viewBox="0 0 595.28 841.89" style="enable-background:new 0 0 595.28 841.89;" xml:space="preserve">
    <style type="text/css">
    	.st0{fill:none;stroke:#000000;stroke-miterlimit:10;}
    </style>
    <path class="st0" d="M305,816.89c,-224.62,-2,-344.18,-3.06,-375,-1c,-3.64,0.24,-18.06,1.33,-37,-1c,-19.51,-2.4,-33.83,-7.21,-42,-10
    	c,-65.47,-22.37,-105,-55,-105,-55c,-10.1,-8.34,-84.92,-72.03,-99,-178c,-1.04,-7.84,-1.07,-20.99,-2,-47c,-1.48,-41.41,-2.05,-78.59,-2,-88
    	c0.17,-32.14,9.57,-109.72,60,-174c71.76,-91.46,187.22,-105.81,229,-111c22.88,-2.84,39.98,-2.96,52,-3c318.56,-1.1,516.18,3.53,625,0
    	c23.13,-0.75,54.42,-0.83,117,-1c56.56,-0.15,68.43,0.3,84,3c55.87,9.67,94.93,37.05,113,50c16.45,11.79,105.65,75.73,120,182
    	c0.63,4.69,1.09,16.12,2,39c4.34,108.97,-4.33,150.16,-7,162c,-1.75,7.77,-5.96,25.24,-14,47c,-7.51,20.34,-45.7,123.76,-129,165
    	c,-18.14,8.98,-37.57,14.59,-39,15c,-32.94,9.38,-59.54,9.09,-69,9C626.34,818.28,465.66,818.32,305,816.89z"/>
    </svg>

如果我理解正确，则第一行，其中d =“ M ...是我的第一条曲线的定义。第一点是曲线的起点。第一个c字符也定义了两个控制点作为终点的相对坐标（相对于第一个点）。

但是我在这行还有第二个c。我认为这意味着它现在正在“绘制”第二条曲线。但是起点在哪里？这是上面一行中的第四个（带有绝对坐标），对吗？在第二个c点之后描述的3个点是新的第二，第三和第四点（相对坐标），对吗？

然后继续...直到末尾有一个C（大写c）指示绝对坐标。同样，第一个点应该是上一行的第4个点（具有绝对坐标），而大写字母“ C”之后的点是第2个，第3个和第4个点（这次是绝对坐标）。

我的假设正确吗？

使用Illustrator的曲率工具创建的SVG坐标

0 个答案: