이미지의 시작점과 끝점

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

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

javascript - 지연 로드 사용 문제

{코드...} 이와 같이 마우스를 아래로 드래그하면 그림이 나타납니다. 단, Miaodian을 사용하여 특정 층을 찾으면 그림이 로드되지 않고 기본 그림만 나타납니다. 그림이 나타나지 않습니다.

漂亮男人 2017-05-19 10:13:50 0  1  439

계속해서 커지는 빈 공간이 있는데 그 이유를 모르겠습니다.

질문 이미지: 질문 이미지 이전 이미지를 보시면 거기에 거대한 빈 공간이 있다는 것을 알 수 있습니다. 일반 디스플레이(약 1200픽셀)에서는 모든 것이 정상입니다. 그런데 폭을 줄이면 늘 그 빈 공간이 늘어나는데 왜 이런 일이 일어나는지 모르겠습니다. 정상적으로 출력되는 화면 그림 : 정상적으로 출력되는 화면 그림 코드를 명확하게 작성할 수 있도록 HTML, CSS 코드의 일부를 올려드립니다. .about-me{margin-top:10px;max-width:100%;max-height:10

P粉729518806 2023-08-14 19:03:11 0  1  589

onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28 0  1  517

자동으로 그림을 삽입하는 데 실패했습니다.

Wangeditor는 editor.customConfig.uploadImgHooks를 사용하여 그림을 수동으로 설정하고 편집기에 삽입합니다. 편집기에서 자동으로 삽입할 때 그림이 편집기에 표시되지 않는 이유는 무엇입니까?

**军 2019-07-13 15:11:44 0  0  1074

javascript - webpack에서 이미지를 패킹할 때 페이지에 표시할 수 없는 문제가 있습니다. 웹사이트의 루트 디렉토리에 대해 궁금한 점이 있으신가요?

몇 가지 조언을 부탁드립니다. 먼저 이미지를 업로드하고 파일 디렉터리를 먼저 업로드하세요. 다음은 webpack의 이미지 부분에 대한 구성 정보입니다. 발생한 구체적인 문제는 이미지를 표시할 수 없으며 브라우저 콘솔에서 다음과 같은 오류를 보고한다는 것입니다. 이미지를 찾을 수 없습니다. 콘솔 코드에서 이미지 경로가 http://loc...임을 확인했습니다.

黄舟 2017-07-05 10:53:44 0  2  851

PHP: 하위 폴더의 모든 이미지를 단일 폴더로 복사하는 방법(하위 폴더를 만들 필요가 없습니다!)

아내의 생일 파티를 위해 파티 손님들의 사진을 모아서 기념품으로 멋진 책을 만드는 웹사이트를 만들었습니다. 손님은 계정을 가지고 있으며 "자신의" 폴더에 이미지를 업로드합니다. 이제 사진에서 슬라이드쇼를 동적으로 생성하는 도구가 생겼습니다. 하지만 불행히도 이 도구는 하위 폴더를 탐색할 수 없습니다. 따라서 나의 주요 목표는 이미지 파일을 슬라이드쇼가 가져올 수 있는 지정된 폴더에 복사하는 것입니다. 그런 다음 약 5분마다 PHP 스크립트를 cron으로 실행하고 파티가 진행되는 동안 화면에 이미지를 표시합니다. 나...

P粉877114798 2024-01-29 09:16:15 0  1  436

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

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

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

java - jsp 페이지에 그림을 표시할 수 없습니다.

1 이미지가 업로드되었으며 데이터베이스가 올바른 이미지 주소를 얻었습니다. 2 페이지에서 올바른 이미지 주소를 볼 수도 있습니다. 3 Tomcat을 다시 시작하면 이미지에 문제가 표시됩니다. .} 다오 {코드... .}

世界只因有你 2017-06-14 10:50:51 0  1  974

android - RecyclerView는 네트워크 이미지를 표시하고 Fresco는 이를 로드합니다. 대상 SDK 버전 25에서는 이미지 위치가 잘못되어 여러 이미지가 겹쳐집니다.

Recyclerview를 사용하여 일련의 이미지를 표시합니다. 프레스코를 사용하여 로드하세요. imageView가 이미지 종횡비에 적응할 수 있도록 fresco는 DraweeController가 크기를 계산하도록 설정합니다. 이 코드는 Target Sdk 버전 17에서 정상적으로 작동하며, 그림도 정상적으로 표시될 수 있습니다...

阿神 2017-05-24 11:38:04 0  1  1393

내 생성 모듈에 카테고리 이미지를 표시할 수 없습니다.

자체 모듈에 케어고리 이미지를 표시하고 싶기 때문에 모듈과 frontend/templates/category-section.phtml을 만들었습니다. 여기에 코드가 있습니다. 문제는 소스 이미지가 비어 있고 내 모듈에서 null이 반환된다는 것입니다. 페이지 및 기타 유사한 속성은 모두 잘 작동합니다. 관리 패널에 이미지를 업로드했고 태그를 클릭하면 이미지가 포함된 카테고리 페이지가 올바르게 반환되지만 카테고리와 이미지를 표시할 때만 이미지가 여기에 표시되지 않습니다. 다음 중 하나를 클릭하면 이미지가 표시되지 않습니다.

P粉731977554 2024-02-26 22:31:22 0  1  667

Vite 및 Laravel 10에 이미지의 Vue 구성 요소를 포함하는 방법

내 Vue 구성 요소(예: Login.vue)에서는 img 태그를 사용하여 이미지를 표시합니다. <imgclass="logo-img"src="/assets/img/logo.png"alt="... ">그런 다음 터미널에서 npmrundev를 실행하면 모든 것이 정상적으로 작동하고 그림도 정상적으로 표시됩니다. 이제 npmrunbuild를 실행하면 다음 오류가 발생합니다.

P粉327903045 2023-09-17 18:53:22 0  1  737

Javascript를 사용하여 이미지를 URL과 연결하는 방법은 무엇입니까?

이미지가 있는데 이를 URL과 연결하고 싶습니다. 저는 자바스크립트를 사용했습니다. codeafterrunningthe 코드 이 이미지를 표시하고 싶은데 이를 클릭하면 URL을 통해 이 이미지에 연결된 다른 페이지를 열고 싶습니다. 어떻게 해야 합니까? 나는 그것을 시도했지만 작동하지 않았습니다. 코드(StackOverflow에서 가져온 코드)

P粉652495194 2024-04-03 10:34:22 0  1  473

원본 JAVASCRIPT를 사용하여 5개의 LI 중 일부만 표시하고 클릭하면 나머지는 표시하는 방법은 무엇입니까?

코드는 다음과 같습니다. {코드...} 위는 JAVASCRIPT(JQUERY 아님)를 사용하여 5개의 링크만 표시하고 나머지는 숨기는 방법입니다. 그런 다음 클릭하여 숨깁니다. 이 기능을 어떻게 달성할 수 있나요? 현재 표시됨: 나는 링크 1입니다. 나는 링크 2입니다. 나는 링크 3입니다...

世界只因有你 2017-05-19 10:18:35 0  5  519

javascript - jq를 사용하여 위와 아래에 이미지가 있는 캐러셀을 작성하는 방법은 무엇입니까?

그림과 같이 자동 회전 중에는 하단의 작은 그림이 움직이지 않습니다. 1초 후 다음 작은 그림에 바구니 프레임이 나타납니다. 가장 오른쪽 작은 그림에 파란색 상자가 나타나면 아래쪽 그림이 나타납니다. 다음 초에 작은 그림 4개가 왼쪽으로 이동합니다. 이런 자동 캐러셀을 수행하는 방법에 대한 아이디어를 주세요.

黄舟 2017-05-19 10:13:41 0  1  770

이미지를 왼쪽에서 오른쪽으로 이동한 다음 다시 왼쪽에서 오른쪽으로 이동합니다.

저는 일부 이미지에 대해 CSS를 작성하고 있는데 기본적으로 제가 달성하고 싶은 것은 왼쪽에서 오른쪽으로 이동해야 하는 이미지가 있고 오른쪽 끝에 도달하면 다시 왼쪽으로 나타나야 한다는 것입니다. 나는 이것을 달성할 수 있었습니다. 이 시점에서 다음 코드를 사용합니다. @keyframesslideAnimation{0%{transform:translateX(0%);}100%{transform:translateX(100%);}}.row-1{overflow:hidden;display:flex;f

P粉739079318 2023-09-07 15:10:40 0  1  562

마지막 열에 클래스를 추가하면 이미지와 애니메이션이 사라지는 이유는 무엇입니까?

무한 루프에서 6개의 이미지에 애니메이션을 적용하려고 합니다. 6번째 이미지를 추가하고 "포스터" 클래스를 추가하면 이미지가 표시되지 않지만 6번째 열(또는 이미지)에 "포스터" 클래스를 추가하지 않으면 처음 5개의 이미지가 올바르게 표시되고 애니메이션됩니다. 왜 이런 일이 발생하는지 이해하지 못합니다. 보시다시피 "포스터" 클래스는 여섯 번째 열에 없으므로 코드는 작동하지만 해당 클래스를 추가하자마자 작동이 중지됩니다. (나는 bootstrap5를 사용하고 있지만 이것이 이 문...

P粉792026467 2023-08-15 11:29:09 0  1  460

새 제목: Vue를 사용하여 Firebase Cloud Storage Blob의 이미지 표시

나는 사용자가 제품 바코드를 스캔한 다음 표시할 제품 사진과 함께 제품에 대한 데이터를 반환하는 제품 조회 저장소를 구축 중입니다. 이제 테스트 목적으로 Firebase 버킷을 설정하고 이미지를 업로드했습니다. Firebase Storage API를 호출하여 이미지를 성공적으로 검색했지만 Vue 애플리케이션에 표시할 수 없는 것 같습니다. 예제에서는 순수 js와 html을 사용하므로 Firebase 문서에서 올바른 문서를 찾을 수 없는 것 같습니다. 이미지를 표시하는 내 코드: &l

P粉362071992 2024-02-21 11:30:43 0  2  497

javascript - Tinymce 편집기에서 콘텐츠 이미지 크기 조정을 비활성화하는 방법은 무엇입니까?

제목에서 알 수 있듯이 현재 Weibo 콘텐츠 전송을 위한 편집기로 Tinymce가 사용되고 있습니다. 사진을 삽입한 후, 사진을 클릭하면 크기를 변경할 수 있다는 것을 알았습니다. 즉, 4개의 점이 나타나며, 사진을 확대 및 축소할 수 있습니다. 이를 비활성화하려면 어떻게 해야 합니까?

巴扎黑 2017-07-05 10:41:20 0  1  1213

데이터를 처리하기 위해 스타일이 지정된 구성요소의 지도 기능을 어떻게 사용하시겠습니까?

지도 기능 사용법을 연습하고 있어요. json 파일을 생성했고, 지도 기능을 이용하여 각 데이터를 표시하고 싶습니다. 데이터가 아주 잘 전송됩니다. 하지만 문제는 이미지가 표시되는 방식입니다. 이미지는 모두 하나의 파일에 들어 있으며, 이미지를 표시하는 방법은 background-position을 사용하여 이미지의 일부를 표시하는 것입니다. 이를 위해 'target'의 'Background-position' 값을 json 파일에 넣었습니다. 질문이 있는데 이 숫자 값을 전달하는 방법을 모르겠습니다. 코드 작성을 시도했지만 작동하지 ...

P粉982009874 2024-03-30 18:06:00 0  1  528