CSS 클리핑 패스를 사용할 때 모서리를 둥글게 만드는 방법

제가 만든 도형의 가장 왼쪽 모서리 3개를 둥글게 만들고 싶습니다. 어떻게 해야 하는지 아시나요? div{위치:절대;z-색인:1;너비:423px;높이:90px;배경색:#b0102d;색상:흰색;오른쪽:0;마진-상단:10vw;-webkit-clip-경로:다각형( 100%0%,100%50%,100%100%

P粉921130067 2023-08-24 15:40:15 0  1  550

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

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

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

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

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

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

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

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

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

javascript - hotcss를 사용하여 원을 rem으로 바꿉니다.

` {코드...} ` 계산을 위해 hotcss px를 사용하고 rem으로 대체했습니다. 그림과 같이 효과가 나타납니다. 원이 둥글게 보이지 않고 내부의 원이 중앙에 위치하지 않습니다.

仅有的幸福 2017-05-16 13:23:19 0  1  476

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

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

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

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

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

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

JavaScript에서 점과 원 사이의 위치 관계를 구현하는 방법

JavaScript 점과 원 사이의 위치 관계를 구현하는 방법 JavaScript 점과 원 사이의 위치 관계를 구현하는 방법 JavaScript 점과 원 사이의 위치 관계를 인식하는 방법 JavaScript에서 원과 점 사이의 위치 관계를 인식하는 방법 JavaScript에서 점과 원 사이의 위치 관계를 인식하는 방법.

ゞ歡ゞ 2018-12-04 09:00:47 0  0  1361

원형 경로를 따라 이동하는 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

투명한 반원 컷아웃이 있는 Div

CSS3만을 사용하여 투명하게 잘린 반원 모양을 만들고 싶습니다. 유일한 요구 사항은 모양을 형성하는 모든 요소가 검은색이거나 투명해야 한다는 것입니다. 반원은 투명해야 하고 배경이 비치도록 해야 하기 때문에 흰색 원이 있는 검은색 직사각형을 사용할 수 없습니다. 필요한 모양:

P粉022285768 2023-10-22 17:51:09 0  2  749

파이 디스플레이 문제

코드의 어디에 오류가 있는지 알려주실 수 있나요? dw는 두 번째와 세 번째 오류를 계속 표시합니다. <?phpecho' pi를 작성하는 3가지 방법: <p>';echo'첫 번째: pi()='.pi().'<p>';echo'두 번째: 3.14159265359='.3.14159265359'. ';echo' 세 번째 유형: 31415

大帅 2019-02-18 21:47:17 0  1  1103

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

javascript - js에서 정규식을 사용하여 괄호 안의 내용을 얻는 방법은 무엇입니까?

var str="deleteChild(236737)"; 예를 들어 괄호 안에 숫자 236737을 얻으면 다른 것은 필요하지 않습니다. 일반 js를 작성하는 방법. js 배열은 너무 번거롭습니다. 괄호 안의 숫자가 변경되기 때문입니다.

滿天的星座 2017-05-19 10:40:53 0  6  690

테두리 그라디언트는 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

HTML5 캔버스를 사용하지 않고 원형 섹터를 동적으로 렌더링하는 방법

행운의 바퀴를 만드는 중인데 섹터 수에 따라 바퀴나 원을 만들고 상품 이름을 채워야 합니다. 고정된 수의 섹터가 있는 원에 대한 코드를 완성했습니다. 다음은 6개 섹터를 포함하는 원의 예입니다. .wheel_container{위치:상대;--wheel-size:360px;너비:var(--wheel-size);높이:var(--wheel-size);margin-bottom:2.4em;}.

P粉731861241 2023-09-02 10:43:07 0  1  541

다시 작성된 제목은 다음과 같습니다. CSS 3 모양: "Reverse Circle" 또는 "Cut Circle"

"역원"으로 설명할 모양을 만들고 싶습니다. 검은색 선이 div 요소의 외부 테두리를 따라 계속되어야 하기 때문에 이미지가 다소 부정확합니다. 현재 가지고 있는 데모는 다음과 같습니다. http://jsfiddle.net/n9fTF/ 이미지 없이 CSS를 사용할 수 있습니까?

P粉979586159 2023-08-24 18:26:55 0  2  427

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

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

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

React-chartjs-2.js를 사용하여 도넛 차트에 텍스트를 넣는 방법은 무엇입니까?

차트 제목이 상단에 있고 라벨이 도넛 차트 오른쪽에 있을 때, React-chartjs-2.js와 Typescript를 사용하여 도넛 차트에 텍스트를 넣는 방법입니다. 지금까지 찾은 솔루션은 사이드 태그나 React/TS에서 작동하지 않는 것 같습니다. 이것이 내가 지금 가지고 있는 것입니다: ...setOptions({반응성:true,plugins:{legend:{position:'right',rtl:true,labels:{usePointS

P粉378264633 2024-03-30 15:14:29 0  1  472

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

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

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

원 순서의 정확성 재검토

원은 1,2,3, 4가 될 것으로 예상했는데 출력은 4,1,2, 3입니다. 그것이 발생하는 원인이 position:absolute인지는 모르겠습니다. 어떤 피드백이라도 환영합니다. <template><q-pageclass="columnflex-center"><q-cardclass="my-card"><q-card-section><divc

P粉921165181 2024-02-04 09:20:06 0  1  374