画像などの <use> 要素を使用して SVG アイコンのサイズを変更する方法

私の HTML ドキュメントには、icon-x などの id 属性を持つ多くの項目が含まれるドキュメントがあります。次に、これらのアイコンを <divclass=container><svg><usexlink:href=#icon-x/></svg></div> のように再利用したいと思います。ただし、この例のアイコンはソース SVG では異なるアイコンである可能性があります。サイズ。コンテナ内の SVG ではなく div.container に収まるようにしたい

P粉184747536 2023-09-15 21:09:43 0  1  931

ウェブサイトの小さなアイコンを設定するコードを取得できない理由を教えてください。 ? ?

ウェブサイトの小さなアイコンを設定するコードを取得できない理由を教えてください。 ? ? <link rel="ショートカット アイコン" type="image/x-icon" href="images/favicon.ico">

か瘾公子 2019-02-10 16:37:37 0  2  980

JavaScript - 多くの Web ページのフロントエンドは、ボタン アイコンなどの小さな素材が多数含まれた全体像を切り取ったものです。これはなぜですか?モバイル開発もこのように行われるのでしょうか?

たとえば、Weibo の v 認定アイコンですが、使用するときに UI を切り取るのではなく、ファイルのバッチに分割してみてはどうでしょうか?ちなみに、これは実際の開発では携帯電話で行うのでしょうか？

淡淡烟草味 2017-07-03 11:42:32 0  3  961

複数の要素を追加および削除するためのクラス (JQuery および JavaScript)

前回の質問でコードを編集するための適切な回答を得ることができました。前の質問へのリンク: 複数の要素のクラスの追加と削除 ここで、前のコードを開発し、アイコンをクリックしたときにコンテンツが表示または非表示になるようにコンテンツを追加しました。このコードの問題は、使用可能なアイコンをクリックすると、すべてのアイコンの内容が表示または非表示になることです。しかし、それは私が望んでいることではありません。各アイコンをクリックすると対応するコンテンツを表示し、別のアイコンをクリックするとすべてのコンテンツが非表示になり、クリックしたアイコンに関連するコンテンツのみが表示されるようにしたいと考えていま...

P粉042455250 2024-02-25 21:30:33 0  1  448

Vuetify の画像/アイコン上のクリック可能なボタン

この UI でボタン <v-btn>​​<v-img>...<v-img></v-btn>​​ を作成するにはどうすればよいですか?

P粉463824410 2023-12-12 11:09:05 0  1  524

テキストとアイコンが中央に配置されたボタン

アイコンとテキストを含むボタンコンポーネントを開発しています。アイコンはボタンの左側に配置され、テキストはボタンの中央に配置されます。テキストがボタンに収まらない場合は、折り返さずに切り詰めてください。テキストを切り詰める重要な条件は、テキストがボタンの端からアイコンまでの距離と同じ距離にあることです。したがって、ボタンに均等なインライン パディングを追加することはできません。テキストが切り取られない場合は、ボタンの中央に配置されます。ただし、アイコンに重なったり、ボタンに収まりきらなかったりすると、テキストが切れてしまいます。つまり、通常の状態ではアイコンの位置は変わりませんが、テキストのス...

P粉033429162 2023-08-15 11:01:09 0  1  534

Reactjs SVG アイコンは同じ CSS にもかかわらずサイズが異なります

私はreactjsを使ってウェブサイトを構築するのは初めてです。私は React Icon Library の ReactJS アイコンを使用しています。これらのアイコンが Web サイトの同じ部分で繰り返される場合、そのサイズは異なります。参考までに写真を添付し​​ます。」 checkを使って確認しました。小さいアイコンのパスは 9.97x9.97 ですが、通常の表示のパスは 14x14 であることを示しています。パスの意味がわからないし、アイコンのサイズが異なる理由もわかりません JSX コードは (例) importReactfrom'react'imp です

P粉184747536 2024-04-01 13:18:38 0  1  495

初期のウェブアイコン

コンピュータの D ドライブに Web ページのアイコンを作成するにはどうすればよいですか? Web ページのアイコンを作成するにはどうすればよいですか? これは単なるドキュメントです。ブラウザのアイコンを作成するにはどうすればよいですか?

真情流露的霎那间丶 2019-03-07 15:25:00 0  2  1203

インペリアルcms二次開発～情報管理で写真を表示する方法～

ここの情報管理の写真はアイコンでしか表示されません。写真を見るために毎回このアイコンをクリックして別のページにジャンプしなければならず、非常に不便です。ここに小さな写真を直接表示するには、何を変更する必要がありますか?アリババのバックエンドのような？

P粉032643773 2022-12-06 18:16:41 0  1  1063

javascript - vue に activeLink が 2 つあるのはなぜですか?リンクは 1 つだけクリックします。activeLink は 1 つだけあるはずです。

Vue の初心者。 -それを理解するのに長い時間がかかりました...助けてください! ！ ~~フッターの下に 3 つのアイコンを作成したいだけです。1 つのアイコンをクリックすると、そのアイコンの色が変わりますが、他のアイコンの色は変わりません。クリックするとアクティブリンクが自動的に追加され、アクティブリンク内にスタイルが記述されるのはわかりましたが、なぜ同時にアクティブリンクが2つあるのでしょうか。

我想大声告诉你 2017-05-19 10:36:08 0  2  641

css - Alibaba ICON-FONT の cdn オンライン リファレンスについて、cdn アドレスはどのように変更すればよいですか?

1. 問題の説明: iconfont を使用してアイコン ライブラリを生成し、cdn を使用してそれをプロジェクトにロードしました。ただし、アイコン ライブラリの更新により cdn アドレスが変更され、オンライン アイコンの通常の表示に影響が出ますか? 2. 問題のスクリーンショット: 3. 概要: プロジェクト内でこのような問題を管理する方法を教えてください...

伊谢尔伦 2017-05-16 13:34:24 0  2  877

PhpStorm の PHP ファイルの前のアイコンがファイルに変わります

PhpStormでphpファイルの前のアイコンがfileに変わってしまいました ファイル作成時にうっかりphpというサフィックスを入力してしまい、どこをクリックしたのか分かりません その後、ファイルの前のアイコンが から変わってしまいました丸に C を加えてこのようなものにします。なぜですか?元に戻してください

曾经 2022-03-01 17:51:56 0  3  1729

アクティブなタブが変更されると画像アイコンが変更されます

現在、画像アイコンとテキストを含む 4 つのタブがある v-tab を持っています。ただし、タブがアクティブな場合は、アクティブなタブのアイコンが別の画像に変わるはずです。どうすればいいですか？ <v-tabsv-model="tabs"class="tabs-menu"><v-tabv-for="iteminiitems":key="item.id">&

P粉448130258 2023-08-29 18:55:29 0  1  615

javascript-vueコンポーネントが作成されました

図のように、4つのボタンを順番にクリックして4つの異なるアイコンを表示する場合、作成したアイコンコンポーネントのメソッドが初回のみ呼び出されるのはなぜでしょうか。

欧阳克 2017-06-12 09:23:16 0  2  743

CSS: テキストの横にアイコンを配置するにはどうすればよいですか?

このような親 div 要素 (display:flex) があり、テキスト - スパン要素 (i) アイコン - div 要素の 2 つの子要素が含まれています。テキストが 1 行のみ (折り返しなし) の場合は、すべて正常に機能します。ただし、折り返す場合（2行以上）、要素の幅は最も太い行に基づいて調整されるため、長さが長い場合はテキストを折り返すようにしたいと考えています。上の例では、(i) アイコンを NORTH の隣に置きたいと思います。 (i)のアイコンをNORTHの横に置きたいです。

P粉668146636 2023-08-17 14:39:36 0  1  494

PHP ツールボックスのインストール後、ツール、マニュアル、チュートリアルのアイコンは表示されません。

PHP ツールボックスをインストールした後、ツール、マニュアル、チュートリアルのアイコンが表示されません。なぜですか?しかもアバターが表示されない！

映辉科技 2019-07-31 13:06:07 0  1  1213

JavaScript - jqueryは複数の写真をアップロードし、表示用に写真を撮ります

最近、コードを書いているときに解決できない関数に遭遇しました。上の図に示すように、カメラのアイコンをクリックすると、複数の写真をアップロードして写真を撮ることができます。現在の考えは、input type= を置くことです。カメラアイコン上のファイルにタグを付けて非表示にするだけで、小さなアイコンをクリックした後に写真をアップロードできるようになります...

黄舟 2017-06-27 09:19:43 0  2  1288

echartデータ表示がありません - コードログ

コードはこんな感じです {code...} 表示されるアイコンはこんな感じです 6つのデータしか表示されておらず、3と5のデータの表示に問題があります。

巴扎黑 2017-05-19 10:28:55 0  3  508

javascript - 二重層ヘッダーをサポートするテーブル プラグインはありますか?

最近、簡単なアイコン ページを作成したところ、多くの外部グリッド コンポーネントがマルチレイヤー ヘッダーをサポートしていないことがわかりました。 easy UIのグリッドのような多層ヘッダーをサポートできる反応コンポーネントはありますか?

迷茫 2017-05-19 10:47:11 0  1  551

スライディング検証を行うにはどうすればよいですか?

現在、多くの Web サイトでは、以前の認証コード入力の代わりに登録フォームの下にスライド認証があり、小さなアイコンを大きな画像の対応する位置にスライドさせると、認証に合格します。

朱 2019-08-17 04:43:08 0  1  1469