書き換えられたタイトルは次のとおりです: CSS 3 図形: 「Reverse Circle」または「Cut Circle」

「逆円」と表現される形状を作成したいと考えています。黒い線が div 要素の外側の境界線に沿って続く必要があるため、画像は多少不正確です。現在私が持っているデモは次のとおりです: http://jsfiddle.net/n9fTF/ 画像なしで CSS を使用することは可能ですか?

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

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

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

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

データ ラベルを円グラフまたはドーナツ グラフの外側に移動する - Chart.js

大規模なアプリケーションに取り組んでおり、グラフ自体の外側の円グラフまたはドーナツ グラフにラベルを配置できると非常に便利です。このプラグイン、outerLabels はまさに私が探しているものですが、何も出力できません。 Chart.js を使用してこれを実現する方法を見つけることができず、これが現在私が行き詰まっているものです。 'chartjs-plugin-outerlabels' import{} からプラグインをインポートしました。以下の import 'chartjs-plugin-outerlabels'; も同様です。

P粉356128676 2023-11-23 15:07:41 0  1  1012

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

SafariでCSSを使用して円形の<ボタン>に円形のアウトラインを取得する方法

同じ色の輪郭を持つ丸いボタンを取得しようとしていますが、それは不可能のようです。輪郭は常に正方形になります。これを a で実現する方法はありますか、それとも a でのみ実現できるのでしょうか?ボタン{幅:40px;高さ:40px;境界線:なし;境界線の半径:40px;カーソル:ポインター;背景色:黒;表示:継承;アウトライン:5pxsol

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

正方形スペース上のMP4ビデオに円形の境界線を追加する方法

正方形スペースのビデオに境界線の半径を追加しようとしていますが、機能しません。誰かこれを行う方法を知っていますか?ビデオに円形の境界線を付けようとして、次のコードを試してみました: #block-df45bbc957de1bd8c905.video-block.video-player{padding-bottom:120%;border-radius:10px;};

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

PhpStorm の PHP ファイルの前のアイコンがファイルに変わります

PhpStormでphpファイルの前のアイコンがfileに変わってしまいました ファイル作成時にうっかりphpというサフィックスを入力してしまい、どこをクリックしたのか分かりません その後、ファイルの前のアイコンが から変わってしまいました丸に C を加えてこのようなものにします。なぜですか?元に戻してください

曾经 2022-03-01 17:51:56 0  3  1704

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

画像から円形の部分を切り出す: ステップバイステップガイド

SVG パスを使用して画像をクリップしようとしていますが、画像が適合していないようです。これが私が達成したいことです： これが私が得たものです： これは私が試したコードです： .topbar-chat-img{width:48px;height:48px;object-fit:cover;clip-path:url( #topbar -img-svg);}<imgsrc="https://picsum.photos/200/200?image

P粉536909186 2023-12-28 10:48:37 0  1  505

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

書き換えられたタイトル: サイズ変更時に固定 HTML の正方形または円要素を水平方向および垂直方向に中央揃えにします。

水平方向と垂直方向にさまざまなサイズの正方形または円の固定 HTML 要素を中央に配置するにはどうすればよいですか?この難しさは、幅と高さを等しく保つ必要があるという事実から生じると思います。

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

背景アイコンを拡大するにはどうすればよいですか?

たとえば、この章の背景画像にはたくさんのアイコンがあります。最初のアイコンだけが必要です。アイコンを大きくするにはどうすればよいですか? このアイコンの幅と高さは 30px*30px しかありません。css では、これを書きます: 背景: URL (../images/ xxx.png); 背景位置:0px -30px; パディング:40px; 幅: 40px 高さ:40px;。​

何惜一博 2018-09-21 16:12:16 0  2  1289

CSS - レイヤーアイコンの問題

ページ上にはこのようにアイコンのコードが書かれているのですが表示できません アイコンを使用するにはlayxerでフォントやCSSを導入する必要があるのでしょうか?その場合どこでダウンロードできますか? 。 。

给我你的怀抱 2017-07-05 10:45:57 0  2  1175

リフロント画像アイコンのサイズを変更する方法

リフロント画像アイコンのサイズを変更する方法

雷国恩 2019-03-08 22:39:49 0  0  1041

初期のウェブアイコン

コンピュータの D ドライブに Web ページのアイコンを作成するにはどうすればよいですか? Web ページのアイコンを作成するにはどうすればよいですか? これは単なるドキュメントです。ブラウザのアイコンを作成するにはどうすればよいですか?

真情流露的霎那间丶 2019-03-07 15:25:00 0  2  1183

JavaScript マップ マーカー プラグインを探しています

1. 以下のような効果を実現できるJavaScriptプラグインはありますか? 左側の3つのオブジェクトを右側の地図にドラッグできます 地図上にドラッグしてマウスを放すとマークが残りますマップ上で (マップの位置をマークするために使用されます)、マウスを放した後、編集可能なダイアログ ボックスがポップアップ表示されます。

怪我咯 2017-05-18 10:49:58 0  1  592

c# - iconfontフォントアイコンの回転

{コード...} {コード...} ページ上でアイコンが回転しません。Chrome ブラウザを使用しています。理由を教えてください。 Alibaba のベクター アイコンは回転 {code...} をサポートしていないということでしょうか。ありがとうございます。ページにはまだ変化がありません。

学习ing 2017-06-26 10:52:06 0  4  1410

javascript - JS および CSS の問題、マップ上のアイコンにマウスを移動した後、表示されたコンテンツをアイコンを基準にして中央に配置する方法。

下の図に示すように、右側は必要な効果です。つまり、地図上の赤い場所アイコンの上にマウスを移動すると、表示される写真とコンテンツが下の場所アイコンを基準にして中央に配置されます。左側が私が作ったエフェクトですが、ズレがひどいので参考にしてください。以下は私のHTMLコードです{code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  847

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

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

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

擬似要素の Font Awesome 5 がアイコンではなく四角形を表示する

FontAwesome アイコンを含むスパンのコンテンツを CSS ページから直接変更しようとしていますが、機能するように見えません。 1) FA をインポートしました<linkrel="stylesheet"href="https://use.fontawesome.com/releases/v5.0.9/css/all.css"integrity="sha384-5SOiIsA"

P粉773659687 2024-01-09 22:35:19 0  2  453