画像を変換およびフィルタリングするとオーバーレイが生成されます

画像にホバーすると画像のサイズが大きくなり、ホバーした画像が他の画像によって切り取られないコードを見つけました：tutorialsrepublic.com しかし、次のコードも入力すると： img{transition:filter.5sease-in -out ;-webkit-filter:grayscale(100%);filter:grayscale(100%);}img:hover{-webkit-filter:grayscale(0%);filter:gr

P粉276876663 2023-09-15 20:58:43 0  1  1029

写真内の画像のアスペクト比

次のようなタイトルの画像があります。 タイトル CSS には img{max-width:100%} もあります。画像の幅と高さを同時に設定し、幅が設定値を下回った場合でもそのアスペクト比を維持したいと考えています。それで、私は次のようなコードを試しました： タイトル これはほぼ私が望むものですが、画像が「レターボックス化」されている場合、タイトルは画像の下部からかなり離れています。タイトルを画像の下部にぴったりと合わせたまま、希望の結果を得る方法はありますか?

P粉557957970 2023-08-17 20:24:04 0  1  494

画像の開始点と終了点

画像の開始点と終了点を設定しようとしています。それで、キャンバスと画像があり、画像をキャンバスに配置すると、開始点/終了点の上にマウスを置いたときに小さな赤い円が点灯するようにしたいのですが、これは他の画像を接続して作成できることを意味します。例: 1) 画像をドラッグします。 2) 画像をキャンバスに配置します。 3) マウスを開始点/終了点に移動すると、小さな赤い点が点灯します。ご覧のとおり、赤い点はホバー時にのみ表示されます。もう 1 つの質問ですが、最初の質問を解決できれば、画像がグリル (正方形) に従っていません。これは html/js のコンストレジスタの例です。

P粉511757848 2023-08-31 12:24:51 0  1  585

DomPDF: 画像が読み取れないか、空です

何らかの理由で、DomPDF は解析中の HTML に含まれる画像をレンダリングしません。ただし、画像が HTML として返されると、画像はページ上にレンダリングされます。これらの質問を確認し、DOMPDF_ENABLE_REMOTE が true に設定されていることを確認しました。ファイル権限が失われています: dompdf 画像は実際の画像ではないか、読み取ることができません、または空です ZF2 を使用した DOMPDF での画像エラー 他に確認すべきことはありますか?

P粉743288436 2023-08-29 14:06:26 0  2  555

オーバーレイ画像を画像境界内に保ちます - 画像にのみ貼り付くように制限します

画像にオーバーレイを貼り付けようとしていますが、このオーバーレイは上部のメニューバーにまで広がっており、画像に貼り付ける方法がわかりません。画像のサイズを変更したり、位置を変更したりするさまざまな方法を試しましたが、それでもメニューバーにはみ出してしまいます。上部の位置を調整すると全画面表示になるための小さな修正ですが、モバイルではメニューが非表示になるため機能しません。そして、サイズが変更されると、画像の下に流れます。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13 0  1  643

ページに画像が読み込まれない

Web アプリケーションにスライド画像をロードしたいので、Bootstrap カルーセルを使用しています。背景から写真を取得します。画像はイメージ状態で保存されます。以下はデータを取得するための JSON 形式です。画像:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}] 画像をアップロードした後、画像は Nodejs の特別なフォルダーに保存され、そこからエンドポイントを使用して画像。以下は Nodejs コードです image.get('/Images/getImag

P粉238433862 2023-09-09 20:59:03 0  1  609

レイアウトの変更を防ぐために、可変サイズの画像をロードする前にそのスペースを予約するにはどうすればよいですか?

テキスト、画像タグ、および次のようなテキストを含む HTML ページがあります。これは画像の前のテキストです。 <imgsrc="image.jpeg"/>これは画像の後のテキストです。画像の読み込みに時間がかかるため、ページが読み込まれるとき、画像よりも先にテキストが読み込まれるようになりました。そのため、画像の後のテキストが画像の前のテキストの直後に配置されるようにレイアウトが変更され、画像がまだ読み込まれていない場合、画像用のスペースは確保されません。ただし、画像を読み込むと、画像の後のテキストが下に移動します。

P粉936509635 2023-08-28 00:04:44 0  1  618

画像の位置合わせと拡大縮小

私の W3Schools Web サイト上のこのコードについてサポートが必要です。すべての要素をページの中央に配置したいと考えています。ただし、中央に配置すると、機能のレンズは画像の古い位置をターゲットにします。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom コードを変更したのですが、画像が中央にあるときにレンズが画像の外側にあることが理解できません。これが彼女の以前の投稿のように、画像の中心、レンズの位置が間違っていたことが解決されました!!! この状況を修正するには、

P粉015402013 2024-03-22 11:26:07 0  1  342

PHPで入力した画像と比較した後、類似した画像をディレクトリに出力します

私の Web ページでは、ユーザーが画像をアップロードし、送信時にディレクトリ内のすべての画像と比較され、類似した画像が出力されるはずです。 md5でこれを実行しましたが、正確な画像のみが出力されます。理由はわかっていますが、RGB比較を使用してディレクトリ内のすべての画像を入力画像でループする方法がわかりません...誰かが私を助けてくれますか？これは私の現在のコードです: <?phpif(isset($_POST['submit'])){$filepath=pathinfo($_FILES['file']

P粉245003607 2024-01-29 14:38:39 0  1  558

画像サイズがコンテナ制限を超えています

次のスクリーンショットを投稿しました。1 つの画像がコンテナーの制限を超えている一方で、他の画像は正しくスタックされていることが示されています。 CSSではまだ何もしていません。 enterimagedescriptionhere この特定の画像に対して特に max-width を使用しようとしましたが、すべての画像を含む div をグリッドとして表示するとすぐに制限を超えてしまいます。

P粉083785014 2023-08-14 20:13:56 0  1  573

カウントダウンの画像を変更する方法

このカウントダウンを取得して、残り時間の数字の画像を表示しようとしています。ばっちり成功。これらの数字を画像に配置できるようにしようとしています。ついにやり遂げました。今、数字の表示を停止し、変更まで残り 1 日として画像に投影しようとしています。失敗した！また、カウントダウンが終了日に達したときに画像を変更したいと考えています (この場合はハッピーハロウィーンの画像)。失敗した！もう一つは、カウントダウンは翌日にまたイメージを変える必要があるということです。これが私の現在の状況です。イメージが変わるまでには至っていません。 functiongetImg(数値)

P粉668113768 2023-08-17 18:43:07 0  1  546

画像を 2x1x2x1x2 レイアウトに配置する

図に示すように、画像を 2x1x2x1x2 のグリッド形式に配置したいのですが、画像が繰り返され、このように取得する方法がわかりません。私はグリッドの仕組みにあまり詳しくなく、理解できないようです。私はそれらを柔軟にして、position: Explained などで少し混乱させましたが、ナビゲーションなどが配置されているページの先頭までずっと送信されます。私が今持っているものを見る限り、すべての画像は互いに貼り付けられていますが、それは問題ありませんが、それは 1 列にしかありません。以下のコードは、同じ形式のさらに多くの画像を続けます。 img{幅:50%;}#img

P粉788765679 2024-03-22 09:20:14 0  1  366

div内の画像には画像の下に余分なスペースがあります

以下のコードの div の高さが img の高さよりも大きいのはなぜですか?画像の下に隙間がありますが、パディング/マージンではないようです。画像の下の隙間または余分なスペースは何ですか? #wrapper{border:1pxsolidred;width:200px;}img{width:200px;}<divid="wrapper"><imgsrc="http://i.imgur.com/RECDV24.jpg

P粉523335026 2023-08-29 12:46:39 0  2  543

SVG イメージを使用してレスポンシブ グリッド エリアを作成できません

SVG 画像を含むレスポンシブなグリッド領域を作成しようとすると、グリッド領域の幅が任意になったり、画像を停止せずに特定の点まで拡大または縮小したりできないなどの奇妙な動作が発生します。私が得た最も近いものは次のとおりでした: *{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr;background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16 0  1  573

モーダル内の画像をクリックして複数の画像を変更したい

ポップアップ/モーダルにはgsap.jsを使用しています。私は forEach を使用しているので、このサイトに同じパーツをどれだけ追加しても問題なく動作します。私の唯一の目標は、これを何とか完璧に動作させることです。ポップアップされる「ボタン」をクリックするたびに、9 つの画像が表示されます。その中から 4 つを選択して「編集を保存」をクリックします。「編集を保存」を押すと、本文が表示されます。画像に 4 つの画像本体がある場合、自動的に変更されます。そして何度でも変更できます。 constitems=doc

P粉269530053 2024-01-29 09:35:00 0  1  407

React Native を使用して画像グリッドを作成する

ReactNative で画像グリッドを構築するのを手伝ってほしいです。配列内のマップされたデータを使用して画像のグリッドを作成しようとしています。マッピング部分は正常に機能しますが、画像が希望どおりに配置されません。これが私が探しているものです（画像が赤い四角に配置されている場所）：これはこれまでの私のコードです：<ScrollViewstyle={{flex:1,backgroundColor:' yellow',}}>{data.map( image= >(<表示

P粉115840076 2024-02-21 10:40:48 0  2  354

Laravel イメージがパブリック/ストレージに見つかりません

自分のプロジェクトの画像にアクセスしようとしています。 phppartisan storage link Laravel create public/storageを実行しましたが、画像をstorage/appにアップロードすると、画像はstorage/appに表示されますが、public/storageには表示されません。ブラウザで画像を表示しようとすると、エラー 404controller.phpProperty::create(['SittingRoom'=>request()->file('sittingroom')->」が表示されます。

P粉043566314 2023-08-26 20:51:28 0  1  605

フォーム内のアニメーション画像要素に対して送信された画像座標を解釈する

php$_POST 配列を確認して、ユーザーがアニメーション画像をクリックした場所を示す X:Y 値をキャプチャしたいと考えています。問題は、静止画像の入力送信情報を取得できる一方で、アニメーション画像からは値を取得できないことです。この動作を示す完全な HTML ページとフォームは次のとおりです: <!doctypehtml><html><head><metacharset="utf-8"><title>Gunf

P粉421119778 2024-02-26 22:34:14 0  1  666

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

現在、画像アイコンとテキストを含む 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  622

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

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

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