私は、HTML 5/CSS 3のダイナミックナビゲーションメニューを新しいものと一緒に構築しています。いくつかのメニューノードにはsvgアイコンがあり、そうでないアイコンもあります。一部のビューでは、メニューレベルは、ユーザーの承認レベルなどによって異なる方法でレンダリングされます。svgアイコンを保存するためのベストプラクティス？
私の質問です：これらのアイコンを保存するにはどうすればよいでしょうか？ 各アイコンはナビゲーションノードに接続しているので、SVGアイコンのxmlをデータベースに保存するのが適切でしょうか？誰も良い勧告を持っていますか？
私は.net MVC3 MSSQLで作業していますが、おそらくこの質問には関係ありません。
よろしく
// K
実際にデータベースに格納する必要はありません。これらの要求により、パフォーマンスが少し低下し、場合によってはブラウザの現金化が防止されるはずです。別々のファイルは仕事を良くします。
さらに、1つのファイルにビットマップアイコンをストロークさせるいくつかの方法を検討する必要があります。 SVGをすべて1つの大きなファイルに入れて、in this tutorialのようなバックグラウンドの位置付けを使ってトリックをするようなものです。私はSVGでそれを試しませんでしたが、このメソッドはあなたのために良い仕事をする必要がありますバックグラウンドサイジングのようないくつかの変更と。頑張ってください。
私は別々のファイルとして保存します。
これらはクライアントによってキャッシュされ、変更が必要な場合はファイルを簡単に変更できます。
すべてのアイコンを1つのファイルに保存できます。このファイルには、すべてのSVGシンボル定義が含まれます。
<svg class="icon-home">
<use xlink:href="symbol-defs.svg#icon-home"></use>
</svg>
あなたがここにこの方法についての詳細を学ぶことができます：次に、あなたはこのようなあなたのHTMLにこれらのシンボルを参照することができ、この方法を使用してhttps://css-tricks.com/svg-sprites-use-better-icon-fonts/
、あなたのSVGをキャッシュすることができ、それは一つだけを必要としますロードするHTTPリクエスト。
この方法を起動するには、IcoMoon appをお勧めします。 SVGアイコンをインポートして選択し、それらのシンボル定義ファイルを生成することができます。