書き換えられたタイトルは次のとおりです: 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を使用して円形の<ボタン>に円形のアウトラインを取得する方法

同じ色の輪郭を持つ丸いボタンを取得しようとしていますが、それは不可能のようです。輪郭は常に正方形になります。これを 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

正方形スペース上の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) で開くとアバター画像が丸くなりません。 Simple Code Blog これは私がアバターに使用するスタイルです。 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 で、Web ページ上の画像をトリミングして角を丸くカットする方法はありますか?現在のところ、長方形のカットしか見たことがありませんが、角が丸い透明な .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 を使用して円をレムに置き換えます。

` {コード...} ` hotcss pxを使用して計算し、remに置き換えたところ、図のように円が丸く見えず、中の円が中心にありません。 回答をお願いします。

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

HTML5キャンバスを使用せずに円形セクターを動的にレンダリングする方法

フォーチュン ホイールを作成しているのですが、セクターの数に基づいてホイールまたはサークルを作成し、賞品の名前を記入する必要があります。固定セクター数の円のコードが完成しました。以下は 6 つのセクターを含む円の例です。 .wheel_container{位置:相対;--ホイールサイズ:360px;幅:var(--ホイールサイズ);高さ:var(--ホイールサイズ);マージン-ボトム: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-path:polygon( 100%0%、100%50%、100%100%

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

JavaScriptで点と円の位置関係を実現する方法

JavaScript の点と円の位置関係を実現する方法 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 は 2 番目と 3 番目のエラーを表示し続けます。 <?phpecho' pi を記述する 3 つの方法: <p>';echo'最初の方法: pi()='.pi().'<p>';echo'2 番目の方法: 3.14159265359='.3.14159265359. ' ';echo' 3 番目のタイプ: 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 円グラフはアダプティブにできませんか? ? ?

Web ページでは複数のアイコンをアダプティブにすることができます。他のアイコンはアダプティブにすることができますが、円グラフはアダプティブにすることができません。また、アイコン内のテキストをアダプティブにするにはどうすればよいでしょうか?

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

グラデーションのある境界画像に境界半径を使用できますか?

円形の境界線（境界線の半径）を持つ入力フィールドを設計し、その境界線にグラデーションを追加しようとしています。グラデーションと円形の境界線は正常に作成できますが、どちらも連携できません。グラデーションのない丸い角、またはグラデーションはあるが角が丸い境界線のいずれかです。 -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  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