提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

圖中影像的長寬比

我有一個標題的圖像，就像這樣：標題我在CSS中還有img{max-width:100%}。我想同時設定圖像的寬度和高度，並在寬度減小到其設定值以下時保持其縱橫比。所以，我嘗試了這樣的程式碼：標題這大致是我想要的，但是當圖像被'letterboxed'時，標題離圖像底部的距離很遠。有沒有辦法在保持標題緊貼圖像底部的同時獲得我想要的結果？

P粉557957970 2023-08-17 20:24:04

影像的起點和終點

我正在嘗試設定圖像的起點和終點。所以我有我的畫布和圖像，當我將圖像放入畫布時，我希望當我將滑鼠懸停在起點/終點時，它會亮起一個小紅色圓圈，這意味著我可以與其他圖像創建連接。例如：1)拖曳圖像。 2)將圖像放入畫布內。 3）滑鼠懸停到起點/終點，小紅點亮起。如您所見，紅點僅在懸停時出現。另一個問題，但如果你解決第一個問題很酷，圖像不會跟隨烤架（正方形）。這是html/js的範例constresistor

P粉511757848 2023-08-31 12:24:51

DomPDF：圖片不可讀或為空

出於某種原因，DomPDF不會渲染正在解析的html中包含的圖像：但是，當圖像以html返回時，圖像會呈現在頁面上：我已經查看了這些問題，並確保DOMPDF_ENABLE_REMOTE設置為true並驗證了檔案權限：dompdf圖像不是真實圖像，無法讀取或為空ZF2的DOMPDF中的圖像錯誤還有其他我應該檢查的事情嗎？

P粉743288436 2023-08-29 14:06:26

將疊加圖像保持在圖像邊界內 - 限制它僅粘附在圖像上

我正在嘗試在圖像上放置一個覆蓋層，但是這個覆蓋層延伸到了頂部的功能表列上，我不知道如何只將其貼在圖像上。我嘗試了不同的調整圖像和更改位置的方法，但它仍然延伸到功能表列。當我調整頂部位置時，對於全螢幕來說是一個小修復，但一旦在行動裝置上，由於選單被隱藏，它將無法工作。而且，當尺寸改變時，它會在圖像下方流動。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13

圖像未在頁面中加載

我想在網頁應用程式中載入滑動圖像，為此我使用Bootstrap輪播。從後台取得圖片。影像儲存在影像狀態中。下面是取得資料的JSON格式。 images:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}]上傳映像後，它們儲存在Nodejs中的一個特殊資料夾中，從那裡，我使用端點提取映像。下面是Nodejs程式碼images.get('/Images/getImag

P粉238433862 2023-09-09 20:59:03

如何在影像載入前為可變大小的影像預留空間，以防止佈局變更？

我有一個包含文字、圖像標籤和一些文字的html頁面，如下所示：這是圖像之前的文字。 <imgsrc="image.jpeg"/>這是圖片之後的文字。現在當頁面加載時，由於圖像加載需要更長的時間，文字會在圖像之前加載。因此會出現佈局變化，即圖像之後的文字會緊接在圖像之前的文字後面，如果圖像尚未加載，則不會為圖像預留任何空間。然而，當圖像載入完成後，圖像之後的文字會移到下

P粉936509635 2023-08-28 00:04:44

對齊和縮放圖像

我需要W3Schools網站上的此程式碼幫助，我想將所有元素保留在頁面中央。然而，當我居中時，該功能的鏡頭針對影像的舊位置。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom改變了程式碼，但看不懂當影像居中時，鏡頭位於影像之外。就像這是她以前的職位一樣圖像中心，鏡頭位置不正確已解決!!!為了解決這種情況，創建了一

P粉015402013 2024-03-22 11:26:07

與php中輸入的影像進行比較後，在目錄中輸出相似的影像

在我的網頁中，使用者將上傳圖像，然後在提交後應將其與目錄中的所有圖像進行比較並輸出相似的圖像。我用md5做到了這一點，但它只會輸出精確的圖像，我知道原因，但我不知道如何使用RGB比較將我的目錄中的所有圖像與輸入的圖像循環...有人可以幫助我嗎？這是我目前的程式碼：<?phpif(isset($_POST['submit'])){$filepath=pathinfo($_FILES['file']

P粉245003607 2024-01-29 14:38:39

影像尺寸超出容器限制

我已經發布了以下截圖，顯示一個圖像超出了其容器的限制，而其他圖像則正確堆疊。我現在還沒有在CSS中做任何事情。 enterimagedescriptionhere我特意嘗試了對該特定圖像使用max-width，但是一旦我將包含所有圖像的div顯示為網格，它就會超出限制。

P粉083785014 2023-08-14 20:13:56

如何更改倒數計時中的影像

我试图让这个倒计时在剩余时间中显示数字的图像。搞定了。我试图让它把这些数字放在一个图像上。终于搞定了。现在我试图让这些数字停止显示，并且将它们投影到一个剩余1天的图像上进行更改。失败了！我还希望它在倒计时达到结束日期时改变图像（在这种情况下是一个快乐的万圣节图像）。失败了！另外一件事是倒计时需要在第二天再次更改图像。这是我目前的情况。我甚至没有接近让图像改变。functiongetImg(num)

P粉668113768 2023-08-17 18:43:07

以 2x1x2x1x2 佈局排列圖像

我想以2x1x2x1x2網格格式對齊圖像，如圖所示，但隨後圖像重複，但我似乎不知道如何像這樣獲得它們。我不太熟悉網格的工作原理，而且似乎無法弄清楚。我讓它們變得靈活，並使用位置：絕對和東西搞亂了一點，但它們要么一直發送到我的頁面頂部，那裡是我的導航和東西。就我現在所擁有的而言，所有圖像都相互粘在一起，這很好，但它只在一列中。下面的程式碼繼續使用更多相同格式的圖像。 img{width:50%;}#img

P粉788765679 2024-03-22 09:20:14

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

想要透過點擊模式中的圖像來更改多個圖像

我使用gsap.js作為彈出視窗/模式。我使用forEach，這樣無論我添加這個網站有多少相同的部分，它都會正常工作。我唯一的目標是現在，以某種方式完美地完成這項工作。每當您單擊彈出的“按鈕”時，我就會出現，然後您會得到9個圖像，並從中選擇4個圖像，然後單擊“保存編輯”，當您按“保存編輯”然後是正文圖像時，其中有4個圖像身體，它會自動改變。並且您可以一次又一次地更改它。 constitems=doc

P粉269530053 2024-01-29 09:35:00

使用React Native建立影像網格

我希望獲得在ReactNative中建立圖像網格的幫助。我正在嘗試使用數組中的映射資料來建立圖像網格。映射部分工作正常，但圖像沒有按照我想要的方式放置。這就是我正在尋找的（圖像放置在紅色方塊的位置）：這是我到目前為止的程式碼：<ScrollViewstyle={{flex:1,backgroundColor:'yellow',}}>{data.map(image= >(<View

P粉115840076 2024-02-21 10:40:48

在公共/儲存中找不到 Laravel 映像

我正在嘗試存取我的項目的圖像。我已經運行了phpartisan存儲鏈接Laravel創建公共/存儲當我將圖像上傳到存儲/應用程序時，我在存儲/應用程序中看到該圖像，但在公共/存儲中看不到該圖像。當我嘗試在瀏覽器上查看圖像時，收到錯誤404控制器.phpProperty::create(['SittingRoom'=>request()->file('sittingroom')->

P粉043566314 2023-08-26 20:51:28

解釋為表單中的動畫圖像元素提交的圖像座標

我想透過檢查php$_POST數組來捕獲指示用戶單擊動畫圖像的位置的X:Y值。問題是，雖然我可以獲得靜態圖像上的輸入提交信息，但我似乎無法從動畫圖像中獲取任何值。以下是示範此行為的完整HTML頁面和表單：<!doctypehtml><html><head><metacharset="utf-8"><title>Gunf

P粉421119778 2024-02-26 22:34:14

變換和過濾影像導致疊加

我發現一個程式碼可以在您懸停時增加圖像的大小，並且懸停的圖像不會被其他圖像裁剪：教程共和國.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

當活動選項卡更改時更改圖像圖標

目前我有一個v-tab，它有四個帶有圖像圖示和文字的選項卡。但是，當選項卡處於活動狀態時，活動選項卡圖示應變更為另一個影像。我該怎麼做？ <v-tabsv-model="tabs"class="tabs-menu"><v-tabv-for="iteminitems":key="item.id">&

P粉448130258 2023-08-29 18:55:29

WebPack 映像未使用檔案載入器載入

目前，我有一個webpack5項目，需要幾個svg圖片和一個背景圖片。 svg圖像被編碼到template.html檔案中。背景圖像在style.css檔案中引用。當我運行建置時，網頁上沒有建立任何圖像。它們保持散列形式（即使我在檔案載入器測試中使用自訂名稱。下面是目前的webpack設定檔：constpath=require('path');constHtmlWebpackPlugin=req

P粉513318114 2024-03-19 19:54:32

如何使用 Next.js 設定背景影像？

我嘗試使用Next.js設定背景圖像，但不能。這行不通。圖片不會顯示：//globals.cssbody{background:url("/images/grid.svg")repeat;}我想在整個頁面上重複背景圖像，如下所示：如何設定？預先感謝您！

P粉725827686 2023-09-09 12:39:05