页面 4 总共 13
Illustrator输出的SVG文件默认将所有的矢量图形都作为路径数据定义.所以SVG创作者在Illustrator中做好的矢量图形,在文件中将被存储为如下格式(path d="路径数据").path数据中包含有"style","fill","stroke"等属性. 也有一些是系统已经定义好的物件标签,如(rect),(circle),(ellipse),(polyline),(polygon)等.这些在物件定义中可以被直接使用.(第一课的例子我们已经看到这样的应用).
下面是同一个图形的来中定义方式
<circle style="fill:blue;stroke:red;"
cx="200" cy="200" r="100"/>
cx="200" cy="200" r="100"/>
<path style="fill:blue;stroke:red;"
d="M200,100c0,55.23-44.77,100
-100,100S0,155.23,0,100S44.77,0,100,
0s100,44.77,100,100z"/>
d="M200,100c0,55.23-44.77,100
-100,100S0,155.23,0,100S44.77,0,100,
0s100,44.77,100,100z"/>
显然使用系统定义的标签将更简洁.
