問題タブ [material-design-icons]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - アルファベットの各文字のAngular Material Designアイコン
こことここでは特に「R」、「A」、「V」のアルファベットの各文字の角度のあるマテリアル アイコンが見つかりません 。
以下のようなアイコンが欲しいです。中に大文字がある無地の円。
私はちょうどこれをトリミングします。
現在、MaterialDesign Git ハブで提案しています。
アップデート
私は見つけたいと思って検索し、私の好みの1つを見つけましたが、png、jpgなどではなくSVGのみが必要です.
そして、これはAngular-material アイコンではなく android です。
javascript - vuetifyjs: 使用済みのアイコンのみをビルドに追加する
現在、デフォルトの「Material Design Icons」を使用して vuetifyjs-app を構築しています。製品ビルドでは、このフォントの 2 つのアイコンのみを使用します (vuetify-component チップで使用)。
推奨されるように、完全なアイコンフォントを含めました
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css" rel="stylesheet">
しかし、本番ビルドでは、ユーザーは 2 つのアイコンに対してのみ約 0.5MB のデータをダウンロードする必要があります。次の方法はありますか?
- CDN リクエストに必要なアイコンのみを含めるか、
- Tree-Shaking を使用して、メインの CSS ファイルに必要なアイコンのみを含めますか? (私は parcel.js ビルダーを使用しています)
css - すべての mdi アイコンを含む Vuetify 評価コンポーネント ハーフ スター
私は評価コンポーネントを設定していて、「星」などの mdi アイコンを渡すことができるようにしたいと考えています。そのアイコンは、空/半分/完全なアイコンの小道具を設定します。
ケース 1:
ハートのスクリーンショットとcodepanに見られるように、スター mdi アイコンを使用すると、これはうまく機能し ます。
半分の星は正しく表示され、半分の空の部分には空の部分の周りに輪郭があります。
Caes 2:
ハートのアイコンを使用すると、半分のハートが表示されますが、スクリーンショット Codepenに見られるように空の半分の周りに輪郭がありません
原因 3:
他の mdi アイコンを使用すると、半分のバージョンがないように見えるため、半分の評価の場合、星はまったく表示されません。コデペン
コンポーネントが任意の mdi アイコンを受け取り、ケース 1 のような評価ビューをレンダリングするようにコーディングするにはどうすればよいですか?
web-component - Web コンポーネントでマテリアル デザイン アイコンを使用するには?
mdi が Web コンポーネント内で動作していないように見えますが、何か見落としがありますか?
依存関係をカプセル化する Web コンポーネントを開発したいのですが、親ドキュメントへのリンクを追加すると機能しますが、元の意図に違反します。