목표 - C 자르기 이미지

예를 들어, 위와 같은 그림이 있는데, 세 개의 빨간색 영역을 잘라서 세 개의 새로운 그림으로 바꾸고 이를 새로운 UIImage 객체로 변환하거나 사진 앨범에 저장하고 싶습니다. 더 쉬워지나요? (빨간색 프레임은 데모용으로만 사용되며 실제 사진에는 빨간색 프레임 표시가 눈에 띄지 않습니다.)

给我你的怀抱 2017-05-31 10:32:03 0  1  759

SVG 또는 CSS를 사용하여 하이브리드 직선/곡선 섹션 경계를 만드는 방법은 무엇입니까?

내 응용 프로그램의 경우 비표준 섹션 경계가 있는 등록 페이지를 만들고 있습니다. 여기에서 제가 달성하려는 것이 무엇인지 알 수 있습니다. 이것은 단순한 호가 아닙니다. 두 개의 직선과 그 사이에 호가 있습니다. 내가 아는 한, 이와 같은 것을 달성하는 가장 좋은 방법은 SVG를 사용하는 것입니다. 문제는 흰색 영역이 전체 영역을 덮는 이미지를 갖게 된다는 것입니다. 시연을 위해 하늘색을 사용하겠습니다. 배경 이미지 속성이 있는 표준 div를 사용하는 경우 SVG의 흰색이 불투명하므로 다음과 같은 결과가 나타납니다. 나중에 읽기 위...

P粉920835423 2023-09-02 11:35:13 0  1  647

React를 사용하여 이미지에 대화형 마커 배치

도와주세요. 홈 페이지에 표시되는 아래와 같은 이미지(더 큰 이미지)가 있습니다. "FORGE" 하우스에는 중앙에 검은색 화살표가 있는 흰색과 파란색 마커가 있습니다. '임대' 주택도 마찬가지다. 이러한 각 마커는 대화형 버튼 역할을 합니다. 예상되는 상호 작용 동작은 다음과 같습니다. 마우스를 올리면 파란색 배경이 확장되어 "Forge" 또는 "Rentals"라는 텍스트가 표시됩니다. 클릭하면 사용자가 적절한 "Forge" 또는 "Rentals&quo...

P粉896751037 2023-09-08 21:25:41 0  1  856

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

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

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

javascript - 이중 레이어 헤더를 지원하는 테이블 플러그인이 있습니까?

나는 최근에 간단한 아이콘 페이지를 작성했는데 많은 외부 그리드 구성 요소가 다중 레이어 헤더를 지원하지 않는다는 것을 발견했습니다. Easy UI의 그리드와 같은 다중 레이어 헤더를 지원할 수 있는 반응 구성 요소가 있나요?

迷茫 2017-05-19 10:47:11 0  1  578

javascript - 반응으로 구성 요소를 강제로 새로 고치는 방법은 무엇입니까?

URL을 통해 이미지를 로드하는 구성 요소 내부에는 <img src='127.0.0.1/img' /> 태그가 있습니다. 사용자가 특정 버튼을 클릭하면 처음에는 흰색 이미지가 반환된다고 가정합니다. , 배경 처리 이미지가 모두 검은색이 됩니다. 이때 클라이언트가 자동으로 이 변경 사항을 새로 고칠 수 있고 그림이 다음과 같이 표시되기를 바랍니다.

漂亮男人 2017-05-19 10:30:06 0  3  1104

네비게이션 바 호버 효과 구현 방법

저는 수직 네비게이션 바 작업을 하고 있습니다. 해당 아이콘의 이름이 오른쪽에 표시되어야 합니다. 마우스가 아이콘 위에 있을 때 이름도 흰색에서 검은색으로 바뀌어야 하는데 작동하지 않습니다. 도움이 되는지 알아보기 위해 태그를 변경해 보았습니다. 또한 HTML의 태그를 변경하고 CSS의 태그를 변경하여 태그가 작동하도록 했습니다. 내 문제에 대한 해결책을 찾기 위해 이 사이트를 찾았습니다. 내 네비게이션 바를 작동시킬 수 없습니다. 여기에 코드를 넣는 방법을 알 수 없습니다. 도움이 될 수 있다면 메시지를 통해 코드를 보내 드리겠습...

P粉041758700 2024-01-10 18:06:56 0  1  465

javascript - 바이두 지도는 처음에 중심점을 설정하는데, 버튼을 사용하여 해당 중심점으로 이동하는 방법은 무엇입니까? ? ? ?

이를 위해서는 Qingdao 또는 Xiamen 버튼을 클릭하여 Qingdao(또는 해당)의 좌표점 위치로 전환합니다. 현재 초기화된 지도의 중심점은 Xinjiang으로 설정되어 있습니다. $(" .btn-Qing").on('click', function () { {code...} }) 제가 간단히 쓴 내용입니다...

三叔 2017-07-05 11:06:47 0  2  1040

콘텐츠를 중앙에 배치하고 이미지 링크를 클릭 가능하게 만드는 데 도움이 필요합니다.

기본적으로 이미지와 제목이 화면 중앙에 위치해야 하지만 이미지를 클릭하고 링크를 열 수도 있어야 합니다. 이 작업을 수행할 수 있는 올바른 코드가 있다고 생각하지만 여전히 두 가지 문제가 있습니다. 이미지도 두 가지 크기로 제공되므로 어려워집니다. 방금 원래 크기에 비해 빨간 알약은 더 작게, 파란색 알약은 더 크게 만들어 보았습니다. 다른 3개 이미지의 배경 키프레임에 대해서는 걱정하지 마세요. 제목과 빨간색 및 파란색 알약 이미지를 중앙에 배치하는 데 도움이 필요합니다. 온라인 코드를 사용해 보았지만 여전히 같은 오류가 발생합니...

P粉794851975 2023-09-13 12:12:49 0  1  696

Div 외부의 이미지 이동

페이지 중앙에 검은색 div가 있는 웹사이트를 만들고 있는데, 그 위로 마우스를 가져가면 중앙의 이미지가 회전합니다. 문제는 이미지를 div 안에 넣었는데도 div 경계를 벗어나는 것입니다. 이 문제를 해결하는 방법은 무엇입니까? 이것은 내 HTML 코드입니다: constimage=document.getElementById("pic");image.classList.add("rotate");constclone

P粉004287665 2023-08-13 15:21:15 0  1  491

VueJS: "한 번" 이벤트 수정자, 클릭되었는지 확인

지금까지 대답하지 못한 간단한 질문이 있습니다. VueJS에는 잘 작동하는 .once 이벤트 수정자가 있습니다. 문제는 자동 완성 입력 구성 요소에서 @click.once를 사용하여 데이터베이스를 쿼리하고 사용 가능한 항목을 채운다는 것입니다. 내가 달성하고 싶은 것은 입력을 한 번 클릭한 후 쿼리를 호출할 수 있는 일종의 추가 아이콘을 제공하는 것입니다. 그 이유는 다음과 같습니다. 사용자가 클릭 입력을 스팸으로 보내고 많은 쿼리를 하는 것을 방지하고 싶습니다. 입력을 한 번 클릭할 때만 표시되는 "새로 고침 아이콘&qu...

P粉541551230 2024-02-25 15:18:09 0  1  469

타사 서버에서 이미지 다운로드 버튼

어떤 브라우저에서든 이미지가 보이면 마우스 오른쪽 버튼을 클릭하고 "다른 이름으로 저장"을 클릭하여 다운로드할 수 있습니다. 이미지를 다운로드하는 버튼을 만들려고 합니다. 다운로드 버튼은 위의 이미지인 바코드를 다운로드해야 합니다. 나는 반응을 사용하고 있는데 이것이 답변과 관련이 있는지 확실하지 않습니다. 다운로드 속성과 함께 <a/> 태그를 사용할 수 있다는 내용을 읽었지만 저는 Firefox를 사용하고 있는데 바코드 이미지를 호스팅하는 페이지로 리디렉션되고 다운로드 창이 열리지 않습니다. 코드는 매...

P粉198670603 2024-02-21 14:47:20 0  1  406

반응 jsx에서 햄버거 메뉴를 전체 페이지에 맞추는 방법

저는 Reactjsx를 처음 접했고 Tailwind를 사용하고 있는데 매우 좋습니다. 저도 가면서 배우고 있어요. 그래서 내 네비게이션에서 햄버거 메뉴를 표시할 수 있지만 표시되는 방식이 마음에 들지 않습니다. 전체 페이지가 흰색으로 채워졌는지 확인하려고 합니다. 아래 두 번째 이미지를 참조하세요. 이것이 제가 달성할 수 있었던 것이지만 제가 달성하고자 하는 것이 너무 깨끗해 보이지는 않는 것 같습니다. 전체 사이트를 흰색으로 채우고 옵션을 표시하십시오. 이제 내 질문은 내 코드로 어떻게 할 수 있습니까? 내가 그 일을 해낸다고? ...

P粉368878176 2023-08-31 14:31:09 0  1  576

Vuetify에서 기본 색상을 사용자 정의하는 방법은 무엇입니까?

어쩌면 내 문제는 간단하지만 지금까지 어떤 해결책도 찾지 못했습니다. Nuxt 애플리케이션에서 Vuetify를 사용하고 있습니다. 나는 어두운 테마를 사용했습니다. 공식 홈페이지의 테마 구성에 따라 테마의 기본색, 보조색, 기타 색상을 원하는 색상으로 변경할 수 있습니다. 하지만 어두운 테마로 설정하면 기본 텍스트와 배경색이 흰색과 검정색으로 설정됩니다. 변경할 수 있는 해결책을 찾을 수 없습니다. 예를 들어 요소에 대해 class="primary로 설정할 수 있다는 것을 알고 있습니다.

P粉615829742 2023-08-25 00:02:37 0  1  658

JavaScript를 사용하여 이미지 복사

최근에 저는 수업 시간에 했던 것과는 다른 작은 프로젝트를 실제로 실천해 보기로 결심했습니다. 여기에는 간단한 목표가 있습니다. 이미지와 그 옆에 버튼이 있습니다. 버튼을 누를 때마다 버튼 자체 앞에 첫 번째 태그와 동일한 클래스와 콘텐츠가 포함된 img 태그가 생성되어야 합니다. //FromHTMLconstcontent=document.querySelector('#content');constaddBtn=document.querySelector('#btn-

P粉757432491 2024-01-10 17:37:09 0  2  519

Plotly 히트맵에서 개별 픽셀 선택/고정

Plotly 히트맵에서는 때때로 2가지 선택 모드를 사용하는 것이 유용합니다. 직사각형 선택(modbar에서 이미 사용 가능) 개별 픽셀 선택/수정: 필요하지 않은 기존 "drawcircle" 버튼을 재활용하여 이를 달성하려고 했습니다. 클릭하면 픽셀이 강조 표시되거나 그 위에 컬러 디스크(또는 Google 지도 UI와 같은 빨간색 "압정핀")가 있어야 합니다. 문제: Modbar에서 drawcircle 도구를 선택하면plotly_click 이벤트가 실행되지 않습니다. 좌표를 얻을 수 없음) 및p...

P粉806834059 2023-09-02 14:57:46 0  1  679

WordPress에서 메타 쿼리를 사용하여 여러 게시물 유형에 대해 쿼리하는 방법

나는 세 가지 다소 복잡한 문제에 직면했습니다. 먼저, 두 가지 사용자 정의 게시물 유형이 있습니다. 하나는 부서용이고 다른 하나는 직원용입니다. 직원 내에서는 각 직원에 대해 다양한 직위/필드("추가 역할"이라고 표시됨)를 선택할 수 있지만 필요한 두 가지는 "직원"과 "라이브러리"였습니다. 제가 필요한 첫 번째 쿼리는 모든 부서에 속한 모든 직원, 직원에 속한 직원, 도서관에 속한 직원입니다. 일부 직원은 이 중 하나이거나 세 가지가 모두 결합된 경우도 있습니다. 다음 두 개...

P粉170858678 2024-01-16 15:52:53 0  1  447

javascript - 클래스 원형 회전 메뉴 구현?

디자인 다이어그램은 이렇습니다. 요소 중 하나를 클릭하면 턴테이블처럼 흰색 체인을 따라 원호로 이동합니다. 그렇다면 어떻게 하면 더 간단하고 빠르게 구현할 수 있습니까? 몇 가지 아이디어. -----보충---------모바일 측면에서는 사실 이 작품은 선과 부분만 빼고 전체로 생각됩니다...

迷茫 2017-06-12 09:26:23 0  6  1034

scrollIntoView()가 컨테이너를 페이지 상단으로 스크롤하는 것을 방지합니다.

스크롤 스냅을 사용하지만 현재 표시된 슬라이드를 제어하기 위한 탐색 버튼도 포함하는 간단한 "주로 CSS" 이미지 캐러셀을 만들려고 합니다. 내가 찾은 유일한 해결책은 내가 원하는 작업을 수행하는 대상 요소에 scrollIntoView()를 사용하는 것입니다. 그러나 이 방법은 항상 대상 요소를 페이지 상단으로 스크롤합니다. 대상 캐러셀 슬라이드와 컨테이너를 원래 위치에 유지하고 슬라이드가 가로로 스크롤되어 표시되기를 원합니다. 저는 AdamArgyle의 예를 보고 있었는데 그는 이것을 했고 컨테이너는 그 자리에 ...

P粉690200856 2024-03-26 20:25:28 0  1  506

새 제목: 순수 CSS 및 HTML을 사용한 압축 HTML 매트릭스 레이아웃 디자인

순수 HTML과 CSS를 사용하여 로고를 만들려고 합니다. 디자인은 매우 직관적이며 일부 색상 항목이 포함된 [13x13] 매트릭스입니다. CSS는 매우 간단하고 사소합니다. 그러나 HTML 코드에는 반복되는 부분이 많아 DRY(Don'tRepeatYourself)여야 합니다. 본문{너비:100vmin;마진:자동}로고{디스플레이:그리드;그리드-템플릿-열:반복(13,1

P粉458913655 2023-09-07 21:27:33 0  1  528