JavaScript - 画像または背景画像の背景色と div の円弧をカバーする方法

1. アバターと背景画像は同じですが、不透明な背景色が追加されていますが、画像は常に背景色を抑制しています (2 番目の写真のように) 2. div の曲率を取得するにはどうすればよいですか? 使用できませんborder-radius を使ってそれを取得し、さまざまな角度から答えを求めます。

给我你的怀抱 2017-06-26 10:58:38 0  1  1135

文字の色を追加できますが、なぜ画像を変更する必要があるのでしょうか?

文字の色を追加できますが、なぜ画像を変更する必要があるのでしょうか?

小子 2018-11-30 23:23:29 0  1  1597

JavaScript - ナビゲーションをクリックしてスプライト画像とフォントの色を切り替えるにはどうすればよいですか?

写真の通りですが、写真では4ページあります。ここでやりたいのは、アイコンをクリックしてページのフォントの色を変更することです。次に、アイコンはスプライト画像で作成されます。以下はコードのスクリーンショットです。主にスプライト画像に依存します。

曾经蜡笔没有小新 2017-05-19 10:43:10 0  2  1723

useState フックは、予想されるコンポーネントだけでなく、すべてのコンポーネントの状態を変更します。

私はリアクトを使用しています。クリックされた画像のスタイルを変更しようとしています。ただし、この関数を使用すると、状態はすべての要素に適用されます。 onClickイベントが画像に適用されます。 1 つをクリックすると、他の画像の境界線の色が #a2a0ff に変わります。クリックされた画像のみが #4D4AFF の色を持つ必要があります。 importReactfrom"react";import'./SearchPower.css';import{YMaps,Map,Placemark}from

P粉590428357 2023-09-14 15:45:46 0  1  608

フレックスコンテナ内の画像間の間隔をなくす

[重複] ここで回答しました 画像の下に余分なスペースがある div 内の画像 複数の行に沿って異なるサイズの画像をいくつか表示しています。この例は行間に隙間があります。色々試してみましたが原因が分かりませんでした。 <divclass="muralBox"><divclass="wrapper"><divv-for="(topAlbum,i)intopAlbumInfo.value"

P粉921130067 2024-03-27 12:23:19 0  1  390

背景 背景

Background-color：#CCC；背景色 Background-img:url(/img/1.jpg);背景画像 Background-repeat:no-repeat；タイルなしrepeat-x 水平タイルrepeat-y 垂直タイル Background -position : 30px 40px; または 30% 40%; 背景画像の配置 背景: url(i

Geek 2018-11-07 20:45:51 0  0  1259

CSSを使用してWebサイトの背景にランダムな色を生成する方法を誰か教えてもらえますか?出来ますか？

unsplash 画像ソースを使用してランダムな画像を使用できるのと同じように。同様に、CSSだけを使用して背景色を実現できますか? 「はい」の場合、誰かがそれを行う方法を教えてもらえますか？ランダム関数を使用して、スタイルの背景にランダムな色を生成します。しかし、何も出力されません

P粉267791326 2023-09-06 22:53:31 0  1  550

javascript - WeChat 共有 H5、背景色を使用してこのぼかし効果を実現するにはどうすればよいですか?

通常の共有の効果は以下の通りですが、お試しで得た共有は上記のような背景色付き（画像ぼかし処理の効果と思われます）でした。

过去多啦不再A梦 2017-06-12 09:29:10 0  3  1078

JavaScript - 画像をブラウザに読み込むと、画像の周囲のピクセルがぼやけるのはなぜですか?

1000px*1000pxの画像を作成し、最初のピクセルに塗りつぶしの色を付けました。Windowsでズームインした後、通常のフロントエンドはこの画像を要求し、スタイルを設定しました: width: 40000px; height: 40000px; 何度もズームインした後、周囲のピクセルが非常にぼやけていて、どれだけ拡大しても、提示するものは常にあるべきだと感じています...

高洛峰 2017-05-19 10:34:48 0  3  569

Canvasを使用してマテリアルの色を変更するにはどうすればよいですか?

カラーホイールを使用して文字の色を変更することについての質問を Zhihu で見ました。ここに質問を引用した画像へのリンクがあります。画像内の文字は服装が違うだけで、肌の色は同じです。オリジナル記事ではこれを実現するためにカラーホイールを使用したと述べていましたが、専門的すぎて理解できません。Canvas の使用方法を教えてください...

巴扎黑 2017-07-03 11:42:54 0  1  1155

css3 - CSS フォント スタイルに背景色の代わりに塗りつぶし色を加えたもの

次のようなフォント スタイルがあります。 ハートを包むスパン全体ではなく、ハートに色を追加したい場合、カラー エラーは次のようになります。 スパンの定義は次のとおりです。 {code...}背景色を追加すると、上の画像が表示されます。効果としては、直接色を使用すると、ハート型の境界線にのみ色が付きます。

天蓬老师 2017-06-08 11:02:27 0  2  1299

写真の色を変更する方法

教えてください。これをスキャンした後、色が歪んでいます。元の緑色に調整するにはどうすればよいですか? 元の画像は 1 枚目の色ですが、2 枚目を 1 枚目に変更するにはどうすればよいですか?

2021-12-28 11:15:02 0  0  866

javascript - 各ボールの背景画像が異なるようにキャンバス上に複数のボールを描画するにはどうすればよいですか?可能ですか?

質問: キャンバス上に複数のボールを描画する場合、各ボールの背景画像を異なるようにするにはどうすればよいですか? 可能ですか?私が今やりたいのは、それぞれのボールを異なる色にして、そのボールを写真で塗りつぶしたいということです。コードの一部: {code...} 現在の効果:

大家讲道理 2017-06-14 10:54:28 0  4  1037

ブラウザのビューポートサイズを取得する方法

訪問者に高品質の画像を表示させたいのですが、ウィンドウ サイズを検出する方法はありますか?それとも、JavaScript を使用したブラウザのビューポート サイズでしょうか?ここの緑色のエリアを参照してください。

P粉237029457 2023-08-28 11:06:30 0  2  667

CSS ドロップ キャップ画像、空白に配置されたテキスト

これは日常的にドロップキャップが発生する状況ではないと思います。私の大文字の「S」は次のようなイメージです。実際のイメージは上の列まで伸びていることに注意してください。上部のバーは同じ画像の一部であり、大きな S と S の左側の図が含まれています。ここではわかりやすいように背景を青にしていますが、本来の色は白です。 (ただし、最上部の余分な灰色の領域は無視してください。スクリーン キャプチャを行うときに厄介です。) トップ バーと画像を台無しにしたくありません。私に提供された画像は次のようになります。右上隅にトップバーが描かれ、トップバーの下に空白がある長方形の領域です。テキストはこんな感じ...

P粉415632319 2023-09-05 21:42:04 0  2  583

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。 私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28 0  1  515

メニューの背景 左右上下の隙間がない幅100%にしたい

メニューの背景色は全幅、24 インチ以下は全画面にする必要があります。見た目はこんな感じです。ホームページのURLも画像内に記載しております。以下は背景色を追加するための私の scss です。誰かが以下のコードを編集して、背景色が左右と上部に触れるようにしてください（上部に小さなギャップがあります）。 .header-main-wrapper{max-width:1720px;margin:0auto;background:# 1c2e52;@media#{$xs ,$sm,$md,$lg}{padding:16px0;試してみます

P粉245003607 2023-09-10 21:43:33 0  1  530

背景が丸いテキストを画像にオーバーレイする方法

この画像に表示されているものを HTML で複製する必要があります。問題は、テキストが div と背景画像を覆っていることです。外側の div に画像がなく単色もない場合は、角が丸い小さな HTML 要素を適切な場所に配置すれば、これをかなり簡単に実行できると想像できますが、背景画像によってさらに複雑になります。これまでのところ、私はこれを持っています...ご覧のとおり、2つの丸い角で立ち往生しています。誰かが解決策を提案できますか?すべての最新ブラウザで動作する必要があることに注意してください: #outer{width:100%;hei

P粉328911308 2023-08-30 15:20:14 0  1  522

CSS/HTML 経由で境界線の色をグレーからフルカラーに変更するにはどうすればよいですか?

私は HTML+CSS を学ぼうとしている初心者で、この境界線を完全に灰色にしたいのですが、ご覧のとおり、半分/半分です。理由がわかりません。ありがとう、enterimagedescriptionここに私のコンソールと以下の画像があります。

P粉573943755 2023-09-16 12:30:52 0  1  1117

SVG または CSS を使用してハイブリッドの直線/曲線セクション境界を作成するにはどうすればよいですか?

私のアプリケーションでは、標準以外のセクション境界を持つ登録ページを作成しています。ここで私が何を達成しようとしているのかがわかります。これは単純な円弧ではありません。2 本の直線と、その間に 1 つの円弧があります。私の知る限り、このようなことを実現する最良の方法は SVG を使用することです。問題は、白い領域に領域全体を覆う画像が表示されてしまうことです。デモ用に、水色を使用します。背景画像属性を持つ標準の div を使用すると、SVG の白色は不透明になるため、次のようになります: 後で読むためのヒント sha

P粉920835423 2023-09-02 11:35:13 0  1  647