Angular에서 원형 SVG 온도 드래거를 만드시겠습니까?

다음은 제가 Angular에서 만들려고 하는 원형 썸 드래거의 정적 데모입니다. rinkle-dashoffset="-260" 설정을 사용하여 엄지손가락 뒤의 원형 경로 끝 근처에 엄지손가락/드래거를 배치하면 -260 음수 오프셋이 예상대로 작동하는 것을 볼 수 있습니다. <bodystyle="width:200px;height:200px;"><svg(mousedown)="onMouseDo

P粉135799949 2024-04-03 09:33:29 0  1  604

Safari에서 CSS를 사용하여 원형 <button>에 원형 윤곽선을 얻는 방법

동일한 색상 외곽선을 가진 둥근 버튼을 얻으려고 하는데 불가능한 것 같습니다. 윤곽선은 항상 정사각형이 됩니다. a를 사용하여 이를 달성할 수 있는 방법이 있습니까? 아니면 a를 통해서만 달성할 수 있습니까? 버튼{너비:40px;높이:40px;테두리:없음;테두리 반경:40px;커서:포인터;배경색:검정색;디스플레이:상속;개요:5pxsol

P粉066725148 2023-10-26 09:54:54 0  2  1031

Safari는 원형 아바타에 대해 CSS를 지원하지 않습니다.

내 블로그는 gatsbyReact 템플릿을 사용하고 있는데 Safari(iPhone 또는 Mac)에서 열면 아바타 이미지가 둥글지 않습니다. 간단한 코드 블로그 이것은 내 아바타에 사용하는 스타일입니다. bio-avatar{margin-right:var(--spacing-4);margin-bottom:var(--spacing-0);min-width:50px;border - 반경:100%;}

P粉779565855 2024-02-17 18:38:55 0  1  458

angular.js - 각도 사용자 지정 지시문의 순환 종속성 문제

Angular 사용자 정의 지시문의 순환 종속성을 해결하는 방법은 무엇입니까? 예를 들어, 사용자 정의 명령 &lt;my-directive1&gt;은 &lt;my-directive2&gt;에 따라 달라지며, 이와 유사한 문제에 대한 구현 솔루션이 있습니까? ? ?

typecho 2017-06-22 11:53:19 0  2  955

둥근 배경의 텍스트로 이미지를 오버레이하는 방법

이 이미지에 표시된 내용을 HTML로 복제해야 합니다. 문제는 텍스트가 div와 배경 이미지를 덮고 있다는 것입니다. 외부 div에 이미지가 없고 단색이 없다면 둥근 모서리가 올바른 위치에 배치된 일부 작은 html 요소를 사용하여 이 작업을 상당히 쉽게 수행할 수 있다고 상상할 수 있지만 배경 이미지가 복잡함을 더합니다. 지금까지 나는 이것을 가지고 있습니다... 보시다시피, 나는 두 개의 둥근 모서리에 붙어 있습니다. 누구든지 해결책을 제안할 수 있나요? 모든 최신 브라우저에서 작동해야 합니다. #outer{width:100%;...

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

iOS 비디오 재생 - iOS avPlayer 레이어가 둥근 모서리를 설정합니다.

저는 avplayer를 사용하여 비디오를 재생하고 비디오 레이어에 둥근 모서리를 설정하려고 합니다. avplayerlayer의 마스크ToBounds 및 CornerRadius를 설정했습니다. 레이어는 addSubLayer 메서드를 통해 imageView에 추가됩니다. 또한 imageView는 앨범 이미지를 표시하며 완료할 수 있습니다...

天蓬老师 2017-06-07 09:24:56 0  1  1263

squarespace의 mp4 비디오에 원형 테두리를 추가하는 방법

정사각형 공간 비디오에 테두리 반경을 추가하려고 하는데 작동하지 않습니다. 이 작업을 수행하는 방법을 아는 사람이 있나요? 비디오에 원형 테두리를 넣으려고 하는데 다음 코드를 사용해 보았습니다: #block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:120%;border-radius:10px;};

P粉781235689 2023-08-31 16:24:14 0  1  565

javascript - Html5 또는 원본 js를 통해 온라인으로 이미지를 둥근 직사각형으로 자르는 방법은 무엇입니까?

h5 또는 js에 웹 페이지에서 이미지를 자른 다음 둥근 모서리로 자르는 방법이 있나요? 현재는 직사각형 컷만 보았습니다. 모서리가 둥근 투명한 .png 컷을 얻을 수 있는지 궁금합니다.

ringa_lee 2017-06-08 11:03:09 0  2  792

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

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

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

Vuetify 2를 3으로 마이그레이션: 제거된 스타일 .v-application/rounded/Flat 교체

Vuetify/Vue2에서 3으로 업그레이드하려고 합니다. 저는 프런트엔드 개발자가 아니며, 기능을 유지하기 위해 일부 오래된 코드를 업그레이드하는 일을 담당하고 있습니다. 안타깝게도 마이그레이션 가이드에서는 일부 기본적인 CSS 지식을 가정하고 제거된 모든 항목을 수정하는 방법에 대한 예를 제공하지 않습니다. 다음 코드 조각에서 둥근 및 평면을 마이그레이션하는 방법을 알아내려고 합니다. &lt;v-selectclass="mr-2filter-custom-input" Slot=

P粉258083432 2023-09-01 22:27:02 0  1  631

CSS를 통해 한쪽에 각지고 둥근 모서리가 있는 상자를 만드는 방법은 무엇입니까?

나는 현재 이와 같은 것을 만들어야 한다고 생각합니다. 처음에는 클립 경로를 사용하려고 생각했는데 둥근 모서리가 떼어내기 어렵고, 내용으로 인해 버튼 너비가 변경될 때 22.5도를 유지하기가 어렵습니다. 그래서 저는 각 버튼을 두 개의 div로 만들었습니다. 하나의 div는 22.5도 기울어지고 일반 직사각형 div와 겹쳐졌습니다. 그런 다음 둘 다에 테두리 반경을 추가했습니다. 본문{라인 높이:0;글꼴 크기:16px;배경 색상:검정색;}.cta-버튼

P粉068174996 2023-08-25 19:46:29 0  1  530

테두리 그라디언트는 border-radius와 호환됩니까?

둥근 테두리(테두리 반경)로 입력 상자의 스타일을 지정하고 테두리에 그라데이션 효과를 추가하려고 합니다. 그라데이션과 둥근 테두리를 성공적으로 만들 수 있지만 동시에 둘 다 만들 수는 없습니다. 둥근 모서리가 있지만 그라데이션이 없거나, 그라데이션이 있지만 둥근 모서리가 없습니다. -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(선형,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  486

그라데이션이 있는 테두리 이미지에 테두리 반경을 사용할 수 있나요?

원형 테두리(테두리 반경)가 있는 입력 필드를 디자인하고 해당 테두리에 그라데이션을 추가하려고 합니다. 그라데이션과 원형 테두리를 성공적으로 만들 수 있지만 둘 다 함께 사용할 수는 없습니다. 그라디언트가 없는 둥근 모서리이거나 그라디언트가 있지만 둥근 모서리가 없는 테두리입니다. -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(선형,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  537

파이썬 반올림?

{암호...}

迷茫 2017-07-05 10:35:02 0  3  1217

tailwind.css에서 .rounded-lg는 테이블에 영향을 주지 않습니다.

현재 저는 tailwind 버전 3.3.3을 사용하고 있습니다. 테이블의 둥근 모서리 효과를 얻을 수 없습니다. 클래스 이름이 "overflow-hidden rounded-lg"인 래퍼 컨테이너를 추가해 보았습니다. 이렇게 하면 둥근 모서리 문제가 해결되지만 양쪽의 테두리도 사라집니다. 이 문제를 어떻게 해결할 수 있나요? 내 코드는: PlanN

P粉447495069 2023-07-24 20:47:03 0  1  534

android - 배경이 둥근 모서리로 덮여 있음

(www.sf.gg)는 중국 최고의 개발자 기술 커뮤니티입니다. 프로그래밍 매니아들에게 순수하고 수준 높은 기술 교류 플랫폼을 제공하고, 개발자들과 함께 배우고 소통하며 성장하며 개발자들을 위한 시대를 만들어 나가고자 합니다!

曾经蜡笔没有小新 2017-05-16 13:35:05 0  2  580

클릭하우스 데이터베이스에서 이 사례 조건을 사용하여 출력을 %로 표시하는 방법

클릭하우스 데이터베이스에서 이 사례 조건을 사용하여 출력을 % 형식으로 표시하려면 어떻게 해야 합니까? ROUND(count(distinctcasewhenbt.status='approved'thenbt.idelsenullend)/count(distinctp.id)*100)as "SR-txns"

P粉237125700 2023-09-15 00:07:20 0  1  702

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

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  502

원형 경로를 따라 이동하는 d3 js 원형 애니메이션 호흡 앱

d3js 애니메이션 호흡 앱 특정 간격으로 경로 주위를 회전하는 원의 애니메이션을 만들고 해당 간격을 제어하여 속도를 높이거나 낮출 수 있기를 원합니다. 내 코드는 현재 다음과 같습니다. 원 경로를 따라 이동하도록 원을 설정하는 방법 - 상위 원 자체가 들락날락 "호흡"하게 만드는 방법 2023년 7월 27일 - 현재 베이스 <scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/ d3/4.13.0/d3.min.js"&g

P粉191610580 2023-09-14 15:46:55 0  1  591

CSS Clip-path:circle() 속성을 사용하여 이미지 주위에 원형 테두리를 만듭니다.

이미지 클립 경로:원()에 테두리를 추가하는 방법을 알고 싶습니다. 테두리를 추가하는 다른 방법이 있습니까? 예: border: 5px solid red; 나는 이것을 시도했습니다: .roundedimage{width:200px;clip-path:circle();}<imgsrc="images/tv.jpg"alt="roundedImage" class="roundedimag

P粉875565683 2024-03-31 17:35:30 0  1  511