GrunticonはSVG画像を含むフォルダ上で実行することができGrunt.jsタスクです。あなたにもPNG画像を使用することができますが、結果は非常にではありません」vectorish。」
Grunticonは、これらすべてのSVGのアイコンを取ることによって動作し、内蔵で応答レイアウトや網膜デバイスのサポートあなたは、適切なWebページにそれらを埋め込むために使用できるCSSのコードを生成します。
このアプリによって生成されたCSSコードは、3つの異なるバージョンで来て、すべての基本を説明します。
- SVGデータのURL
- PNGデータのURL
- 古典的なPNG画像
第三の方法は、ブラウザ通常のPNG画像としてSVGアイコンをレンダリング、SVGデータをサポートしないためのフォールバックとして含まれていました。 SVGsはPNG形式で使用できない場合は、Grunticonは自動的にあなたのためにそれらを変換して特別なフォルダに配置します。
Grunt.jsタスク・ファイル内の数行を編集することにより、開発者は、CSSのプレフィックスからプレビューHTMLファイルの場所までの範囲、出力アイコンの特性を調整することができます。
CSSとともに、小さなJSファイルには、複数のアイテムが同じページ上で使用される場合には、ページのレンダリングをブロックしない確認し、非同期でSVGファイルをロードするために使用することができる生成することができます。
Grunticonを介して生成アイコンは、異なる色のバリエーションでレンダリング、CSSを経由してスタイリングする能力を持っている、とさえアニメーション。
インストール手順は、パッケージのREADMEファイルで提供されています。
要件:ます。
は0.4.2以上をGrunt.js
コメントが見つかりません