我正在处理一个Laravel项目,在一个Blade模板中包含了一个SVG图标文件。该文件中的每个SVG都由
这很好用,但是SVG是用Adobe Illustrator制作的,它们有一些自动生成的类,如
这个文件中有很多SVG,通用的类互相覆盖(有70多个
<symbol>
定义。我将单个图标呈现为:<svg viewBox="0 0 150 150"><use href="#icon-i-want"></use></svg>
。这很好用,但是SVG是用Adobe Illustrator制作的,它们有一些自动生成的类,如
.st0
,.st1
等。这些类包含属性,如fill
或stroke
。例如:.st0{fill:#2595FF;} <line class="st2" x1="27.8" y1="80.5" x2="39" y2="80.5"/>
。这个文件中有很多SVG,通用的类互相覆盖(有70多个
.st0
类)。我可以通过手动将类分解成属性来解决这个问题。`.st0{fill:#2595FF;}`
`<line fill="#2595FF" x1="27.8" y1="80.5" x2="39" y2="80.5"/>`
我不是很精通SVG和设计工具,也没有拥有Adobe Illustrator的许可证。 我只有这些大量的SVG文件。 是否有一个可以自动完成我手动完成的工具? 是否有像CSS内联器一样的工具,可以自动将生成的类内联?
<symbol>
元素的.svg文件?在该文件中,样式定义在哪里?是否有多个style
元素? - ccprog