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

iOS ビデオ再生 - iOS avPlayer レイヤーが丸い角を設定します

avplayer を使用してビデオを再生し、ビデオ レイヤーの角を丸く設定したいと考えています。avplayerlayer の MaskToBounds と CornerRadius を設定します。レイヤーは、addSubLayer メソッドを通じて imageView に追加されます。さらに、imageView でアルバム画像を表示し、...

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

JavaScript - Html5 またはオリジナルの JS を使用してオンラインで画像を角丸長方形に切り抜くにはどうすればよいですか?

h5 または js で、Web ページ上の画像をトリミングして角を丸くカットする方法はありますか?現在のところ、長方形のカットしか見たことがありませんが、角が丸い透明な .png カットを実現できないでしょうか。

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

背景が丸いテキストを画像にオーバーレイする方法

この画像に表示されているものを HTML で複製する必要があります。問題は、テキストが div と背景画像を覆っていることです。外側の div に画像がなく単色もない場合は、角が丸い小さな HTML 要素を適切な場所に配置すれば、これをかなり簡単に実行できると想像できますが、背景画像によってさらに複雑になります。これまでのところ、私はこれを持っています...ご覧のとおり、2つの丸い角で立ち往生しています。誰かが解決策を提案できますか?すべての最新ブラウザで動作する必要があることに注意してください: #outer{width:100%;hei

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

javascript - hotcss を使用して円をレムに置き換えます。

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

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

CSS を使用して、片側に角度があり、角が丸いボックスを作成するにはどうすればよいですか?

私は現在、このようなものを作る必要があることに気づきました。最初はクリップパスを使おうと思ったのですが、角が丸くなっているので剥がすのが難しく、ボタンの内容によって幅が変わると22.5度を維持するのが難しいです。そこで、最終的に各ボタンを 2 つの div として作成し、1 つの div を 22.5 度傾けて、通常の長方形の div に重ねました。次に、両方に境界線の半径を追加しました。 body{行の高さ:0;フォントサイズ:16px;背景色:黒;}.cta-button

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の点と円の位置関係を実現する 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 は 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  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(linear,00,0100%,from(#b0bbc4),to(#ce

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

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

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

同じ色の輪郭を持つ丸いボタンを取得しようとしていますが、それは不可能のようです。輪郭は常に正方形になります。これを 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; がそれを引き起こすかどうかはわかりません。フィードバックは大歓迎です。 <テンプレート><q-pageclass="columnflex-center"><q-cardclass="my-card"><q-card-section><divc

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