使用 CSS 剪輯路徑時如何圓角

我希望能夠將我創建的形狀的最左邊的3個角倒圓，知道如何做到這一點嗎？ div{position:absolute;z-index:1;width:423px;height:90px;background-color:#b0102d;color:white;right:0;margin-top:10vw;-webkit-clip-path:polygon( 100%0%,100%50%,100%100%

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

ios影片播放 - iOS avPlayer layer設定圓角

我使用avplayer播放視頻，並且想為video layer設置圓角，我設置了avplayerlayer的maskToBounds 和 cornerRadius ，該layer是通過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%;hei

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 創建一個一側有角度且圓角的盒子？

我目前發現自己需要製作這樣的東西。我的第一個想法是使用clip-path，但是圓角很難拉下來，而且當按鈕因其內容而改變寬度時很難保持22.5度。所以我最終將每個按鈕製作為兩個div，其中一個div傾斜22.5度並與常規矩形div重疊。然後我為兩者添加了邊框半徑。 body{line-height:0;font-size:16px;background-color:black;}.cta-button

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

如何使用Elementor編輯器為圖像添加圓角

這讓我發瘋。我在一個簡單的Elementor頁面上的文字方塊中有一張圖片。它很好地放在“文字編輯器小部件”中，我想給它添加圓角。我在「網站設定/自訂CSS」中建立了一個CSS類，然後在文字編輯器中的圖像編輯器中將圖像指派給該類。 .AZ-rounded-image{border-radius:15px;}但是什麼都沒有發生...有人能幫忙嗎-我在這上面浪費了三個小時...非常感謝Andy

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

怎麼實作 JavaScript點與圓的位置關係

怎麼實現JavaScript點與圓的位置關係怎麼實現JavaScript點與圓的位置關係怎麼實現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'圓周率的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是否相容？

我正在為具有圓角邊框（border-radius）的輸入框添加樣式，並嘗試為該邊框添加漸變效果。我可以成功地創建漸變和圓角邊框，但兩者不能同時生效。要么是有圓角但沒有漸變，要么是有漸變但沒有圓角。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ce

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

無需使用HTML5畫布，實作動態渲染圓形磁區的方法

我正在製作一個幸運輪盤，我需要根據扇區數量創建一個輪盤或圓圈，並填充獎品名稱。我已經完成了固定扇區數量的圓圈的代碼。這是一個包含6個扇區的圓圈的範例。 .wheel_container{position:relative;--wheel-size:360px;width:var(--wheel-size);height:var(--wheel-size);margin-bottom:2.4em;}.

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

重寫後的標題為：CSS 3形狀：「反向圓形」或「剪切圓形」

我想創建一個形狀，我將其描述為「反圓」：該圖像在某種程度上不準確，因為黑線應該沿著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({responsive: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來實現？ button{width:40px;height:40px;border:none;border-radius:40px;cursor:pointer;background-color:black;display:inherit;outline: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