我正在使用HTML5/CSS3构建动态导航菜单,并添加了一些新功能。某些菜单节点将具有SVG图标,而其他节点则没有。在某些视图中,根据用户授权级别等不同方式呈现菜单级别。
因此,我的问题是:存储这些图标的最佳方法是什么?由于每个图标都与导航节点相关联,因此在数据库中存储SVG图标的XML是否合适?是否有任何好的建议?
我正在使用.NET MVC3 MSSQL,但这可能与本问题无关。
最好的问候
//K
你并不需要将它们存储在数据库中。这些请求可能会稍微降低性能,并在某些情况下防止浏览器缓存。单独的文件可以更好地完成工作。
此外,你应该考虑一些方法来在一个文件中存储位图图标。类似于将所有SVG放入一个大文件中,并使用背景位置技巧,如本教程中所述。我没有尝试过SVG,但通过一些像背景大小这样的调整,这种方法应该能很好地完成任务。继续尝试。
<svg class="icon-home">
<use xlink:href="symbol-defs.svg#icon-home"></use>
</svg>
我会将它们存储为单独的文件。
客户端将缓存它们,如果需要更改文件,则更容易进行更改。