API 호출에서 이미지를 조정하는 방법은 무엇입니까?

여기에 처음으로 글을 올리는데, 빠진 내용이 있으면 알려주세요! 좋아요, 제 문제는 카테고리 페이지의 이미지가 서로 맞지 않고 더 이상 정렬되지 않는다는 것입니다. JavaScript를 조금 배우고 API 호출에서 이미지를 얻은 후에 이런 일이 발생했습니다. 이제는 더 이상 좋아 보이지 않습니다. 특히 모바일 보기에서는 더욱 그렇습니다. 어떻게 하면 같은 크기로 만들 수 있나요? 그런데, 나는 완전히 멍청한 놈입니다. 내 페이지 링크는 다음과 같습니다: https://lovely-croissant-3cceca.netlif

P粉138871485 2023-09-05 13:36:09 0  1  482

화면 크기에 맞는 버튼 만들기 - 배경 이미지 사용법에 대한 자세한 설명

여러 그래픽을 나란히 표시하고 장치 화면 크기에 맞게 조정해야 하는 pfsensecaptiveportal을 개발 중입니다. 이는 이미지 입력 ​​유형을 사용하여 훌륭하게 달성할 수 있습니다. 그러나 pfsense 장치는 이 커밋을 올바르게 인식하지 못합니다. 작동하려면 "계속" 값을 가진 커밋 유형이 필요합니다. 대신 배경 이미지를 사용해 보았지만 배경 이미지의 크기가 조정되지 않습니다. 화면이 작아지면 전체 크기로 나타나고 잘립니다. 배경 이미지 크기를 조정하려면 어떻게 해야 합니까? #content{글꼴-가족

P粉345302753 2023-08-16 13:38:12 0  1  649

예 유효성 검사에서는 이미지 유효성 검사가 작동하지 않습니다.

확인을 위해 yup을 사용하려고합니다. 필수는 이미지에 적용되지 않습니다. image:yup.string().required("required"), 필수 필드에 formik을 사용하고 있습니다. 이는 모든 양식 분야에 적용되지만 이미지에는 적용되지 않습니다. 초기 값을 초기화했습니다. constinitialValues={image:"",};

P粉738821035 2024-03-30 16:09:36 0  1  509

고정된 이미지 크기를 유지하면서 반응형 디자인을 달성하는 방법은 무엇입니까?

이미지가 늘어나지 않고 16:9 컨테이너에 맞도록 이미지 크기를 조정하는 다음 CSS(부트스트랩 사용)가 있습니다.

P粉739706089 2023-08-16 14:35:27 0  1  483

양식에서 옵션을 선택할 때 이미지 불투명도 변경

값이 1(MasterCard)인 옵션을 선택할 때 idMaster 이미지의 불투명도를 1로 어떻게 변경할 수 있나요? 그리고 각각 고유한 ID를 가진 이 4개의 값에 대해 작동하는 함수에 넣으시겠습니까? 기본 이미지를 0.3으로 설정하고 옵션 중 하나를 선택하면 이미지의 불투명도가 1이 되기를 원합니다. .itemForm2{너비:100%;위치:상대;margin-bottom:18px;margin-top:10px;display:flex;flex-

P粉244155277 2024-04-03 23:00:48 0  2  467

파일 로더를 사용하여 WebPack 이미지가 로드되지 않음

현재 여러 SVG 이미지와 배경 이미지가 필요한 webpack5 프로젝트가 있습니다. svg 이미지는 template.html 파일로 인코딩됩니다. 배경 이미지는 style.css 파일에서 참조됩니다. 빌드를 실행하면 웹 페이지에 이미지가 빌드되지 않습니다. 파일 로더 테스트에서 사용자 정의 이름을 사용하더라도 해시된 형식으로 유지됩니다. 현재 웹팩 구성 파일은 다음과 같습니다. constpath=require('path');constHtmlWebpackPlugin=req

P粉513318114 2024-03-19 19:54:32 0  1  322

이미지에서 원형 부분 잘라내기: 단계별 가이드

SVG 경로를 사용하여 이미지를 자르려고 하는데 내 이미지가 맞지 않는 것 같습니다. 이것이 내가 달성하고 싶은 것입니다: 이것이 내가 얻는 것입니다: 이것이 내가 시도한 코드입니다: .topbar-chat-img{width:48px;height:48px;object-fit:cover;clip-path:url( #topbar -img-svg);}<imgsrc="https://picsum.photos/200/200?image

P粉536909186 2023-12-28 10:48:37 0  1  540

TailwindCSS를 사용하여 이미지를 연속적으로 동일한 크기로 설정할 수 없습니다.

TailwindCSS를 사용하여 페이지 디자인을 만들고 있습니다. 구성요소와 이미지를 같은 크기로 설정할 수 없습니다. Flex, Wrap, div 또는 이미지의 너비 변경 등 몇 가지 조합을 시도했지만 해결책을 찾을 수 없습니다. 내가 원하는 결과는 각 영화에 다음과 같은 이름을 가진 동일한 크기의 이미지가 포함된 동일한 크기의 직사각형이 포함된다는 것입니다. 또한 오버플로의 경우 x 스케일에서는 스크롤할 수 있지만 y 스케일에서는 스크롤할 수 없기를 원합니다. 나는 그것을 할 수 있었지만 그것을 유지하고 올바른 크기도 가져야 합...

P粉978742405 2024-02-17 12:27:00 0  1  453

Chromium 기반 브라우저에서 픽셀화된 배경 이미지를 수정하는 방법은 무엇입니까?

Chromium 기반 브라우저에서 배경 이미지로 사용되는 축소 이미지는 픽셀화되어 <img> 태그를 사용하여 표시할 때 흐리게 보입니다. 배경 이미지의 렌더링 스타일을 라벨에 표시되는 것처럼 변경하는 방법이 있나요? 이미지 렌더링 속성을 시도했지만 배경 이미지에서는 작동하지 않는 것 같습니다. Firefox에서는 괜찮아 보입니다. Brave의 렌더링 예, 왼쪽 배경 이미지,

P粉549412038 2024-03-19 21:10:42 0  1  429

Python WoL 스크립트는 Synology RS1221+에서 실행되지 않지만 QNAP TS-219P II에서는 성공적으로 실행됩니다.

저는 Python을 처음 접했고 RS1221+NAS에서는 동일한 스크립트가 실행되지 않지만 QNAPts-219pii에서는 문제 없이 실행되는 이유를 이해하지 못합니다. HTML 페이지를 통해 특정 PC를 열도록 설계된 WoL 스크립트입니다. PNG 이미지를 누르면 PHP 스크립트가 호출되고, 이는 다시 Python 스크립트를 호출합니다. 방금 동료로부터 php 및 python 스크립트를 복사했습니다. QNAPts-219pNAS 시스템에서는 작동하지만 최신 RS1221+에서는 작동하지 않습니다. 새로운 시리즈

P粉395056196 2024-02-17 16:02:35 0  1  521

'img'를 통해 각 이미지에 forEach를 할당합니다.

HTML의 img 태그 아래에 있는 JS의 forEach를 사용하려고 합니다. bobbingPhotos 변수는 다음과 같습니다. bobbingPhotos.forEach(함수(사진){ var randomDelay = Math.random() * 2; // 0과 2 사이의 무작위 지연 photo.style.animationDelay = randomDelay + 's'; })

P粉998100648 2023-07-28 23:13:59 0  1  484

Filepond는 이미지를 렌더링하기 전에 인증 헤더를 추가합니다.

내 Vue 애플리케이션에서 filepond 플러그인을 사용하고 있습니다. 내 응용 프로그램 요구 사항에 완벽하게 맞습니다. 현재 내 백엔드 서비스는 JWT 인증을 통해 이미지를 제공하고 있습니다. 구성 요소에 이미지를 로드하기 위해 파일 풀에 사용자 정의 헤더를 추가하는 방법은 무엇입니까? 제가 달성한 결과는 다음과 같습니다<file-pondref="file"name="filepond":label-idle="placeholder"accepted-fi

P粉201448898 2024-03-27 13:06:23 0  1  499

javascript - 모바일 게임 개발 페이지 전체 화면 표시 문제

간단한 작은 게임을 개발해 보세요. 디자인 도면에 표시된 크기는 640*1136입니다. rem 적응 후 일부 높이가 작은 휴대폰에서는 모든 콘텐츠를 표시할 수 없으며 게임에서 스크롤 막대를 사용할 수 없습니다. 감사해요

迷茫 2017-05-31 10:41:37 0  2  1019

입력 유형=파일을 이미지로 대체

많은 사람들처럼 나도 보기 흉한 inputtype=file을 사용자 정의하고 싶지만 일부 해킹 및/또는 자바스크립트 없이는 이 작업을 수행할 수 없다는 것을 알고 있습니다. 그런데 문제는 제 경우에는 파일 업로드 버튼이 이미지 업로드(jpeg|jpg|png|gif) 전용이므로 "클릭 가능한" 이미지를 입력 형식 파일과 동일하게 사용할 수 있는지 알고 싶습니다. (대화상자를 표시하고 제출된 페이지에 동일한 $_FILE을 표시합니다). 여기서도 흥미로운 해결 방법을 찾았습니다(그러나 Chr에서는 작동하지 않습니다).

P粉567281015 2023-10-13 13:47:35 0  1  734

liip Imagine에 대해 질문이 있습니다.

저는 Symfony5.4를 사용하고 있으며 이미지를 조작하기 위해 liipImagine 패키지를 설치했습니다. 그러나 모든 것을 구성한 후 브라우저에 이미지가 나타나지 않으며 확인하면 코드와 다음 오류 메시지가 표시됩니다. http://localhost:8000/media/cache/resolve /my_thumb/images/properties/629a464aa81ef086062845.jpg404 내 프로젝트에서 (찾을 수 없음)

P粉021553460 2024-03-19 18:37:45 0  1  395

Swiper 튜토리얼: 움직이는 화살표를 제어하는 ​​방법은 무엇입니까?

이것은 내 캐러셀인데 스와이프 버튼을 구성하려고 할 때 화살표가 이미지에서 멀리 떨어져 있습니다. 화살표를 더 가깝게 만드는 방법(위치 수정)이 있습니까? 효과={'coverflow'}grabCursor={false}centeredSlides={true}slidesPerView={'3'}rewind={true}coverflowEffect={{rotate:0,stretch:0,깊이:

P粉396248578 2023-08-16 14:46:49 0  1  675

x 회전 없이 정사각형 이미지에서 사다리꼴로의 CSS3

배경 이미지가 있는 정사각형 div를 사다리꼴로 변환하려고 합니다. Photoshop의 "왜곡" 도구와 거의 같은 방식으로 2D로 만들고 싶습니다. 기본적으로 내가 원하는 것은 사각형의 상단 가장자리를 축소하고 이에 따라 이미지를 변형시키는 것입니다. 3D 변환은 트릭을 수행하는 것처럼 보입니다. 변환:rotateX(30deg); 대부분의 사용 사례에서 작동하지만 전부는 아닙니다. 실제로 30도 회전된 정사각형은 앞/뒤에서 보면 사다리꼴처럼 보이지만 다른 쪽에서 보면 여전히 30도 회전된 정사각형입니다.

P粉604669414 2024-03-28 15:26:58 0  1  417

Nuxt JS를 사용하여 Firebase에 이미지를 성공적으로 업로드했습니다.

Firebase에서 데이터를 제출하고 검색하는 웹 애플리케이션을 개발 중입니다. NuxtJS 애플리케이션을 Firebase와 연결하도록 완전히 구성할 수 있었지만 혼합 이미지 파일과 텍스트 파일을 제출하려고 하면 문제가 발생합니다. 이미지와 텍스트 파일을 모두 Firebase에 제출하도록 NuxtJS 프로젝트를 설정하려면 어떻게 해야 하나요? 이것은 내 양식 템플릿입니다. Index.js.<템플릿><divclass="w-fullmax-w-lgp-6m-au

P粉885562567 2023-08-31 20:43:16 0  1  557

Elementor 편집기를 사용하여 이미지에 둥근 모서리를 추가하는 방법

이것은 나를 미치게 만든다. 간단한 Elementor 페이지의 텍스트 상자에 이미지가 있습니다. "텍스트 편집기 위젯" 내부에 잘 배치되어 있으며 여기에 둥근 모서리를 추가하고 싶습니다. "사이트 설정/사용자 정의 CSS"에서 CSS 클래스를 만든 다음 텍스트 편집기의 이미지 편집기에서 해당 클래스에 이미지를 할당했습니다. .AZ-rounded-image{border-radius:15px;} 하지만 아무 일도 일어나지 않습니다... 누구 도와주실 수 있나요? 이것 때문에 3시간을 낭비했습니다......

P粉821231319 2023-08-15 19:14:43 0  1  625

formik을 사용하는 경우 중첩된 개체에 올바른 값을 어떻게 쓸 수 있나요?

양식 객체의 필드 이름과 일치하는 필드 배열이 주어지면 중첩 값을 쓰려고 하는데 어떤 이유로 formik은 중첩 값을 쓰는 방법을 모르고 이는 최상위 수준에서만 작동합니다. 댓글로 알려드리겠습니다.codesandbox에 대한 링크를 남겨주세요.exportdefaultfunctionApp(){constform=useFormik({initialValues:{name:"",login:"",about:{age

P粉410239819 2023-08-17 16:26:31 0  1  588