任何glyphicon都只能是一条路径吗?

时间:2018-09-13 22:15:25

标签: xml svg vector graphics glyphicons

我说的是svg格式的单色图标。例如在stackoverflow网站右上角的图标。

我注意到,twitter引导程序上的所有图标只是一条路径(即使它们由许多元素组成): https://getbootstrap.com/docs/3.3/components/

  <path d="M250 700h800q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5z" />

但是其他图标集如下: https://glyph.smarticons.co/

他们的雕文由多个元素组成:

<path d="M7.984,0.053 C3.599,0.053 0.045,3.614 0.045,8.006 C0.045,12.398 3.6,15.959 7.984,15.959 C12.368,15.959 15.923,12.398 15.923,8.006 C15.923,3.614 12.369,0.053 7.984,0.053 L7.984,0.053 Z M7.49,2.045 C8.328,2.045 9.009,2.699 9.009,3.505 C9.009,4.311 8.328,4.965 7.49,4.965 C6.65,4.965 5.971,4.311 5.971,3.505 C5.971,2.699 6.65,2.045 7.49,2.045 L7.49,2.045 Z M8.035,14.908 C4.984,14.908 2.342,10.918 8.101,7.984 C13.357,5.308 10.904,0.744 8.035,1.008 C12.41,1.008 14.974,4.119 14.974,7.958 C14.975,11.797 11.867,14.908 8.035,14.908 L8.035,14.908 Z" class="si-glyph-fill"></path>
<ellipse cx="8.493" cy="11.445" rx="1.493" ry="1.445" class="si-glyph-fill"></ellipse>

我注意到使用矢量程序可以将对象变成路径,然后组合所有路径。

但是我想知道从理论上讲每个glyphicon是否可以通过这种方式转换为一条路径?还是有图标无法出现的情况?

0 个答案:

没有答案