在 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  579

如何在 squarespace 上的 mp4 影片上新增圓形邊框

我試圖在方形空間視頻中添加邊框半徑，但它不起作用。有人知道怎麼做嗎？我試圖在影片上放置圓形邊框並嘗試了下面的程式碼：#block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:120%;border-radius:10px;};

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

如何在頁面上居中對齊三個 SVG 檔案？

我有三個獨立的SVG文件，當它們彼此層疊時，它們將創建一個圖形。第一個SVG檔案是一個紅色三角形，第二個是位於三角形內部的藍色圓圈，第三個是位於三角形底部的紫色矩形（三角形和矩形之間有一點空間）。我的目標是將所有三個SVG檔案在頁面中央相互疊加。下面是我的HTML和CSS程式碼。 *{margin:0;padding:0;box-sizing:border-box;}.​​graphic{height:1

P粉998100648 2023-09-07 14:20:58 0  2  578

重寫的標題：在改變大小的情況下，水平和垂直居中一個固定的HTML方形或圓形元素

如何使尺寸變化的方形或圓形固定html元素水平和垂直居中？我認為寬度和高度必須保持相等這一事實帶來了困難。

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

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

帶有透明半圓切口的 Div

我想只使用CSS3製作一個透明的切出半圓形形狀。唯一的要求是形成形狀的所有元素必須是黑色或透明。我不能使用上面有一個白色圓圈的黑色矩形，因為半圓必須是透明的並讓背景顯示出來。所需形狀：

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

微信小程式輪播

如何在微信小程式中實現圓形狀輪播

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

以程式設計方式變更 SVG 圓的筆畫長度

我在Inkscape中創建了一個圓圈並關閉了填充，以便只有筆劃可見，並將起點設為45度，終點設為315度。然後我將其旋轉90度，這就是最終結果。 <?xmlversion="1.0"encoding="UTF-8"?><!--CreatedwithInkscape(http://www.inkscape.org/)--><svgw

P粉788571316 2024-03-28 17:03:28 0  2  331

SVG - 具有多個漸層填充的醜陋邊緣

我想建立一個JavaScript顏色選擇器。我正在使用SVG建立一個顏色三角形，如下所示：body{background:black;}<svgxmlns="http://www.w3.org/2000/svg"width="88"height="88"class= "saturation-brightness"&

P粉937769356 2024-04-01 20:00:27 0  1  355

在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  1017

如何使用 svg 或 css 建立混合直線/曲線截面邊界？

對於我的應用程序，我正在創建一個具有非標準部分邊界的註冊頁面。你可以在這裡看到我試圖實現的效果：這不是一個簡單的圓弧——它有兩條直線，而且中間還有一個圓弧。據我所知，實現此類目標的最佳方法是使用SVG。問題是，白色區域將有一個影像覆蓋整個區域。出於演示目的，我將使用淺藍色。如果您使用帶有background-image屬性的標準div，則SVG的白色不透明，因此您會得到以下結果：提示稍後閱讀sha

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

可以將邊框半徑與具有漸變的邊框圖像一起使用嗎？

我正在設計一個具有圓形邊框（邊框半徑）的輸入字段，並嘗試在所述邊框添加漸變。我可以成功地製作漸層和圓形邊框，但是兩者都不能一起工作。它要么是沒有漸變的圓角，要么是帶有漸變但沒有圓角的邊框。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ced9de))

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

使用HTML、CSS和SVG建立可擴充的路標

我想製作一個路標形式的按鈕（帶有尖端的矩形）。 _______|\|_______/我想動態地將文字寫入標誌中，每個文字都有不同的長度。如果我僅使用圖形作為背景圖形嘗試此操作，則箭頭會相應地縮放並壓縮/拉伸。因此，將文字放入普通div中並使用CSS:after將箭頭附加為SVG的方法。箭頭應該完全填充，即我不必處理框架問題。 （為了增加可見性，我將SVG保留為黑色）我的第一個問題是箭頭始終位於區塊中而不是

P粉555682718 2024-03-31 14:45:14 0  1  413