이미지를 변환하고 필터링하면 오버레이가 생성됩니다.

이미지에 마우스를 올리면 이미지 크기가 커지고 마우스에 올려진 이미지가 다른 이미지에 의해 잘리지 않는 코드를 찾았습니다: tutorialsrepublic.com 하지만 이 코드도 입력하면: img{transition:filter.5sease-in -out ;-webkit-filter:회색조(100%);필터:회색조(100%);}img:hover{-webkit-filter:회색조(0%);filter:gr

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

사진 속 이미지의 종횡비

다음과 같은 제목의 이미지가 있습니다. Title I also have img{max-width:100%} in CSS. 이미지의 너비와 높이를 동시에 설정하고 너비가 설정한 값보다 작아지면 화면 비율을 유지하고 싶습니다. 그래서 다음과 같은 코드를 시도해 보았습니다. 제목 대략 제가 원하는 내용인데, 이미지가 '레터박스'된 경우 제목이 이미지 하단에서 꽤 멀리 떨어져 있습니다. 제목을 이미지 하단에 꼭 맞게 유지하면서 원하는 결과를 얻을 수 있는 방법이 있나요?

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

이미지의 시작점과 끝점

이미지의 시작점과 끝점을 설정하려고 합니다. 캔버스와 이미지가 있고 이미지를 캔버스에 넣을 때 시작/끝 지점 위로 마우스를 가져가면 작은 빨간색 원이 켜지기를 원합니다. 이는 다른 이미지 연결을 사용하여 만들 수 있음을 의미합니다. 예: 1) 이미지를 드래그합니다. 2) 이미지를 캔버스에 배치합니다. 3) 시작점/종료점에 마우스를 올리면 작은 빨간 점이 켜집니다. 보시다시피 빨간색 점은 마우스를 올려놓을 때만 나타납니다. 또 다른 질문이지만 첫 번째 질문을 해결하면 멋지네요. 이미지가 그릴(사각형)을 따르지 않습니다. 이것은 htm...

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

오버레이 이미지를 이미지 경계 내에 유지 - 이미지에만 고정되도록 제한

이미지에 오버레이를 넣으려고 하는데 이 오버레이가 상단 메뉴 표시줄까지 확장되어 이미지에 그냥 붙여넣는 방법을 모르겠습니다. 이미지 크기를 조정하고 위치를 변경하는 다양한 방법을 시도했지만 여전히 메뉴 표시줄까지 늘어납니다. 상단 위치를 조정할 때 전체 화면에 대한 작은 수정이지만 모바일에서는 메뉴가 숨겨져 있으므로 작동하지 않습니다. 그리고 크기가 변경되면 이미지 아래로 흐릅니다. 헤더{테두리-하단:5pxsolidcoral;글꼴-가족:A

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

페이지에 이미지가 로드되지 않음

웹 애플리케이션에서 슬라이딩 이미지를 로드하려고 하며 이를 위해 Bootstrap 캐러셀을 사용하고 있습니다. 배경에서 사진을 찍으세요. 이미지는 이미지 상태로 저장됩니다. 다음은 데이터를 가져오는 JSON 형식입니다. Images:[{SNO:'1',NAME:'image.jpg',PIC_NAME:'image'}] 이미지를 업로드한 후 Nodejs의 특수 폴더에 저장되고 거기에서 엔드포인트를 사용하여 이미지를 추출합니다. 이미지. 다음은 Nodejs 코드입니다.

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 웹사이트에서 이 코드에 대한 도움이 필요합니다. 모든 요소를 ​​페이지 중앙에 유지하고 싶습니다. 그러나 내가 중앙에 있을 때 특징의 렌즈는 이미지의 이전 위치를 목표로 합니다. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom 코드를 변경했는데 이미지가 중앙에 있으면 렌즈가 이미지 바깥쪽에 있다는 것을 이해할 수 없습니다. 이전 포스팅과 마찬가지로 이미지 중앙에 렌즈 위치가 잘못되어 있던 문제를 해결하기 위해 a를 만들었습니다!!!

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

PHP에서 입력한 이미지와 비교한 후 유사한 이미지를 디렉토리에 출력합니다.

내 웹페이지에서 사용자는 이미지를 업로드한 다음 제출 시 디렉터리에 있는 모든 이미지와 비교하여 유사한 이미지를 출력해야 합니다. md5로 이 작업을 수행했지만 정확한 이미지만 출력합니다. 이유는 알지만 RGB 비교를 사용하여 내 디렉토리의 모든 이미지를 입력 이미지로 루프하는 방법을 모르겠습니다... 누구든지 도와주실 수 있나요? 이것은 내 현재 코드입니다: <?phpif(isset($_POST['submit'])){$filepath=pathinfo($_FILES['file']

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

이미지 크기가 컨테이너 한도를 초과했습니다.

컨테이너 제한을 초과하는 이미지 하나를 보여주는 다음 스크린샷을 게시했는데, 다른 이미지는 올바르게 쌓여 있습니다. 저는 아직 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 그리드 형식으로 이미지를 정렬하고 싶은데 이미지가 반복되어 어떻게 이렇게 얻을 수 있는지 모르겠습니다. 나는 그리드가 어떻게 작동하는지 잘 알지 못해서 그것을 알아낼 수 없는 것 같습니다. 나는 그것들을 유연하게 만들었고 위치를 약간 엉망으로 만들었습니다. 물론 내 탐색 기능과 항목이 있는 페이지 상단으로 보내지거나 둘 중 하나입니다. 지금 내가 가지고 있는 한 모든 이미지가 서로 붙어 있어서 괜찮지만 한 열에만 있습니다. 아래 코드는 동일한 형식의 더 많은 이미지로 계속됩니다. img{너비:50%;}...

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개의 이미지 본문이 있는 경우 , 자동으로 변경됩니다. 그리고 당신은 그것을 계속해서 변경할...

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

React Native를 사용하여 이미지 그리드 만들기

ReactNative에서 이미지 그리드를 구축하는 데 도움을 받고 싶습니다. 배열의 매핑된 데이터를 사용하여 이미지 그리드를 만들려고 합니다. 매핑 부분은 잘 작동하지만 이미지가 원하는 대로 배치되지 않습니다. 이것이 내가 찾고 있는 것입니다(이미지가 빨간색 사각형에 위치함). 이것은 지금까지의 코드입니다: <ScrollViewstyle={{flex:1, backgroundColor:'yellow',}}>{data.map( 이미지 = >(<보기

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

공개/저장소에서 Laravel 이미지를 찾을 수 없습니다.

내 프로젝트의 이미지에 액세스하려고 합니다. 나는 phpartisan 저장소 링크 Laravel create public/storage를 실행했으며 저장소/앱에 이미지를 업로드하면 저장소/앱에는 이미지가 표시되지만 공용/저장소에는 표시되지 않습니다. 브라우저에서 이미지를 보려고 하면 오류 404 Controller.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 요소를 사용하여 이 작업을 상당히 쉽게 수행할 수 있다고 상상할 수 있지만 배경 이미지가 복잡함을 더합니다. 지금까지 나는 이것을 가지고 있습니다... 보시다시피, 나는 두 개의 둥근 모서리에 붙어 있습니다. 누구든지 해결책을 제안할 수 있나요? 모든 최신 브라우저에서 작동해야 합니다. #outer{width:100%;...

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