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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

재작성된 제목: 크기를 조정할 때 고정 HTML 정사각형 또는 원 요소를 가로 및 세로 중앙에 배치

다양한 크기의 정사각형 또는 원형 고정 HTML 요소를 가로 및 세로로 중앙에 배치하는 방법은 무엇입니까? 너비와 높이가 동일하게 유지되어야 한다는 사실 때문에 어려움이 발생한다고 생각합니다.

P粉455093123 2024-04-04 12:31:51 0  1  430

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

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

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

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

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

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

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

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

Highcharts를 사용하여 Vue.js에서 누적 도넛(원형) 차트를 만드는 방법은 무엇입니까?

Highcharts를 사용하여 도넛 차트를 만들고 싶은데 이 차트를 누적 형식으로 변환할 수 없습니다. Vue.js 코드는 다음과 같습니다: <template><div><b-colmd="12"style="margin-top:40px"><highcharts:options="pieChartOptions"></high

P粉980815259 2024-03-19 19:17:54 0  1  493

파이 디스플레이 문제

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

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

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

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

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

javascript - echart2.0 원형 차트를 적응할 수 없습니까? ? ?

여러 아이콘은 웹 페이지에서 적응할 수 있습니다. 다른 아이콘은 적응할 수 있지만 원형 차트는 적응할 수 없습니다. 그리고 아이콘의 텍스트는 어떻게 적응할 수 있습니까?

phpcn_u1582 2017-05-17 10:06:26 0  1  484

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

원형 테두리(테두리 반경)가 있는 입력 필드를 디자인하고 해당 테두리에 그라데이션을 추가하려고 합니다. 그라데이션과 원형 테두리를 성공적으로 만들 수 있지만 둘 다 함께 사용할 수는 없습니다. 그라디언트가 없는 둥근 모서리이거나 그라디언트가 있지만 둥근 모서리가 없는 테두리입니다. -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  546

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

WeChat 미니 프로그램 캐러셀

WeChat 미니 프로그램에서 원형 캐러셀을 구현하는 방법

没有尾巴的兔子 2017-11-20 19:16:44 0  1  1876