이미지를 자르고 이동합니다. 그리드 레이아웃

이미지를 올바른 위치에 놓고 위쪽과 아래쪽을 자르는 데 어려움을 겪고 있습니다. 다음은 다음과 같습니다(영웅 부분): https://www.behance.net/gallery/161732057/CozyMornings-online-store 전체 프로젝트는 그리드 위에 구축됩니다. 컨테이너보다 크고 왼쪽으로 이동하고 위쪽과 아래쪽이 잘린 원형 이미지가 필요합니다. 게다가 반응성이 좋아야 합니다. 패키지에 이미지를 넣으려고 합니다. 이 래퍼에 상대 위치를 지정하고 오버플로를 숨깁니다. 이것은 아니다

P粉548512637 2023-09-15 19:18:46 0  1  621

이메일 HTML 뉴스레터

이메일 수신에서 마음에 드는 점은 gmaila의 모바일 보기가 깨진 것 같다는 것입니다. 보기는 배경 이미지에서 각 자르기에 입력할 수 있는 구조로 변경됩니다. 도와주세요? 내가 필요한 모든 것을 쉽게 이용할 수 있습니다.

P粉486138196 2023-08-01 19:17:50 0  1  675

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

이미지에 마우스를 올리면 이미지 크기가 커지고 마우스에 올려진 이미지가 다른 이미지에 의해 잘리지 않는 코드를 찾았습니다: 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  1030

object-c - 맞춤 카메라로 사진을 찍은 후 앨범에 저장되는 사진의 크기를 어떻게 조절하나요?

이제 내 맞춤 카메라의 너비와 높이가 모두 200입니다. 사진을 찍어 앨범에 저장할 때 이미지 크기는 맞춤 카메라에서 미리 본 이미지 크기여야 하는데, 앨범을 보면 나옵니다. 전체 화면 사진이 저장됩니다. 나중에 이미지를 잘라서 저장해봤는데 크기 문제는 해결됐는데...

女神的闺蜜爱上我 2017-06-15 09:23:54 0  1  1024

javascript - 많은 웹 페이지의 프런트 엔드는 버튼 아이콘 등과 같은 많은 작은 자료로 전체 그림에서 잘려져 있습니다. 이유는 무엇입니까? 모바일 개발도 이런 방식으로 운영되나요?

예를 들어 Weibo의 v 인증 아이콘을 사용할 때 UI를 자르는 대신 파일 배치로 나누는 것은 어떨까요? 그런데 실제 개발 중에도 휴대폰에서 이런 작업이 이루어지나요?

淡淡烟草味 2017-07-03 11:42:32 0  3  970

데이터를 서버에 파일로 보내기

클립보드에서 비트맵으로 이미지를 받았는데 이를 서버에 파일로 보내야 합니다. 사용자 컴퓨터에 파일로 저장하지 않고 어떻게 이를 달성할 수 있습니까?

P粉993712159 2024-03-20 08:44:24 0  1  372

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

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

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

vim에서 C++ 구문 프롬프트를 C++11과 호환되게 만드는 방법

위 그림과 같은 상황에서는 C++11의 새로운 기능을 사용할 때마다 프롬프트가 나타납니다. vim의 구문 프롬프트를 C++11과 호환되게 만들려면 어떻게 해야 하나요? 프롬프트 기능이 내장되어 있나요, 아니면 플러그인 기능인가요? 플러그인, YCM을 설치했습니다.

PHP中文网 2017-05-16 16:38:33 0  1  601

javascript - 플러그인을 사용하지 않고 캔버스를 사용하여 div의 콘텐츠를 이미지로 변환하는 방법입니다.

인터넷에서 캔버스 사용을 언급하는 분들이 많은데 핵심 내용 변환 부분은 대부분 플러그인의 도움을 받는 것 같고 플러그인에 의존하지 않는 유일한 예제는 잘못 실행되었습니다. 플러그인을 사용하지 않고 div에 있는 내용을 이미지로 변환하는 방법을 마스터님께 여쭤보고 싶습니다~~

巴扎黑 2017-05-24 11:36:16 0  3  908

javascript - Chart.js 플러그인(차트 플러그인)에서 세로 막대형 차트를 가로로 표시하는 방법입니다.

많은 차트가 포함된 웹사이트를 구축해야 합니다. 더 간단하고 사용하기 쉬운 플러그인이 있습니까? Chart.js와 같은 페이드아웃 애니메이션이 있는 것이 가장 좋습니다 =￣Ω￣= Chart.js 문서를 살펴봤지만 세로 막대형 차트를 가로로 표시하는 방법을 찾을 수 없는 것 같습니다. 멍청한 놈이고 알아낼 수 없습니다 - -) 또한 제가 작성해야 할 차트는 다음과 같습니다.

我想大声告诉你 2017-05-16 13:33:06 0  3  830

크롬 확장 프로그램이 자신의 경로와 파일에 액세스하도록 허용하는 방법

저는 Opera 확장을 만들고 있는데 확장의 경로에 저장된 일부 이미지를 가져오고 싶습니다. 이 플러그인이 하는 일은 특정 웹페이지에서 배경 이미지 URL과 일부 아이콘을 확장 프로그램 내의 사용자 정의 아이콘으로 변경하는 것입니다. 그러나 스크립트를 실행하면 모든 것이 보이지 않게 되어 이미지를 로드하지 못합니다. 로거 내부에는 chrome-extension://invalid/net::ERR_FAILED가 표시되지만 경로를 기록하면 정상적으로 보입니다. Manifest.json 파일에는 웹이 있습니다.

P粉644981029 2024-02-26 23:12:34 0  1  805

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

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

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

이미지를 업로드하고 NuxtJs의 공용 폴더에 저장하세요.

사용자가 img를 업로드하고 공용 폴더에 저장하도록 하는 방법은 무엇입니까? 저는 사용자(레스토랑 매니저)가 새로운 음식과 그 이미지를 삽입할 수 있는 간단한 애플리케이션을 만들고 있습니다. 사용자가 양식과 함께 img를 업로드하도록 허용하고 이를 Nuxt 프로젝트의 공용 폴더에 저장해야 합니다. 음식 정보는 $fecth 및 POST 메소드를 통해 삽입된 후 POST에서 추출되어 데이터베이스에 삽입됩니다. INSERTINTOmenu(food_name,price,course)VALUES(?,?,?)`,[plateNa

P粉141911244 2024-03-29 17:28:07 0  1  533

Jquery 슬라이더가 올바르게 표시되지 않는 이유는 무엇입니까?

고급 사용자 정의 필드 플러그인에서 가져온 이미지 슬라이더를 표시하기 위해 WordPress 사용자 정의 테마에 SlickSlider 라이브러리를 구현하려고 합니다. 그러나 슬라이더가 이미지를 서로 겹쳐서 표시하고 슬라이더 기능이 작동하지 않는 문제가 발생했습니다. 지금까지 제가 수행한 작업은 다음과 같습니다. <article><divclass="entry-content"><h2class="wp-block-headinghas-

P粉151720173 2024-04-03 10:43:26 0  1  571

절대 위치에 있는 요소의 최대 허용 하단 테두리 위치를 설정하는 방법

저는 WordPress용 제품 태그 플러그인을 개발 중이며 다음을 수행했습니다. 이미지에 표시되는 출력 코드는 다음과 같습니다. <ahref="https://localhost/woo-metal/product/test-3/ " class="woocommerce-LoopProduct-linkwoocommerce-loop-product__link">&lt

P粉578680675 2024-03-22 12:46:23 0  1  542

VueJs를 사용하여 생성된 QR(vue-qrcode) 코드를 복사하거나 다운로드하는 대안

저는 사용자가 공개 프로필 링크에 대한 QR 코드를 생성하여 명함에서 공유할 수 있도록 "vue-qrcode" 플러그인을 사용하여 QR 코드를 생성하고 있습니다. 이제 아이디어는 사용자에게 버튼을 통해 QR 코드를 다운로드하고 다른 버튼을 통해 QR 코드를 클립보드에 복사하여 이메일을 통해 더 쉽게 보낼 수 있는 가능성을 제공하는 것입니다(특히 스마트폰 사용자의 경우). 문제는 QR 코드를 다운로드하거나 복사하는 방법을 모른다는 것입니다. QR코드 복사나 다운로드 방법 아시는 분 계신가요? 현재 "vue-...

P粉294954447 2023-11-06 00:01:12 0  1  861

WooCommerce 명확한 변형 링크를 장바구니 버튼에 추가하도록 이동

제품 변형을 선택할 때 지우기 옵션이 표시되지 않도록 테마의 PHP 파일에서 "지우기" 링크를 제거했습니다. 이제 목표의 일부였던 링크는 사라졌지만, 지우기 링크는 여전히 장바구니에 추가 버튼에 영향을 미치며 제품 변형이 선택되면 약 30픽셀 아래로 이동합니다. 저는 WooCommerce 플러그인의 변형 샘플을 사용하여 제품 변형에 대한 버튼 모양을 구현하고 있습니다. 변형 샘플 플러그인을 사용하지 않을 경우 목록 오른쪽에 명확한 링크가 표시되지만, 플러그인을 사용하면 아래에 링크가 표시됩니다. 여기에 사진을 삽입...

P粉018653751 2024-02-21 15:13:11 0  1  507

슬롯을 사용하여 캐러셀을 만드는 방법은 무엇입니까?

사람들은 일련의 이미지를 사용하여 캐러셀을 만드는 동일한 방법을 계속 보여주었습니다. 그러나 캐러셀의 각 슬라이드에 라이트박스 구성 요소가 포함되기를 원하기 때문에 이 접근 방식은 융통성이 없습니다. 이 경우 캐러셀 배열에 넣은 이미지에 대한 라이트박스 기능을 재정의하고 싶지 않습니다. 정말 좋지 않나요? 코드를 적게 작성하고 Vue.js의 재사용 가능한 구성 요소를 그 어느 때보다 유용하게 만드세요. 슬롯을 사용하는 아주 좋은 예를 찾았습니다. GitHub의 SSENSE가 만든 VueCarousel. 능숙하지 않은 웹 개발자로서 ...

P粉817354783 2024-01-10 16:53:13 0  1  436

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  845