に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

javascript - svgタグ内の要素の幅と高さをsvgタグの幅と高さに等しくするにはどうすればよいですか?

svg タグは div ボックスで囲まれています。svg の幅と高さは、外側のボックスの幅と高さの 100% に設定されています。このとき、div ボックスの幅と高さを変更します。 svgの要素の幅と高さは常にdivボックスと同じですが、svg内のパスタグは図のように幅と高さが異なります。 svg内の要素の全体の幅と高さを同じにする方法。 SV...

曾经蜡笔没有小新 2017-05-16 13:27:36

3 つの SVG ファイルをページ上で中央揃えにするにはどうすればよいですか?

3 つの個別の SVG ファイルがあり、それぞれを重ね合わせるとグラフィックが作成されます。最初の SVG ファイルは赤い三角形、2 つ目は三角形の内側にある青い円、3 つ目は三角形の底辺にある紫色の長方形です (三角形と長方形の間には少しスペースがあります)。私の目標は、3 つの SVG ファイルすべてをページの中央に重ねて配置することです。以下は私の HTML と CSS コードです。 *{マージン:0;パディング:0;ボックスサイズ:ボーダーボックス;}.graphic{高さ:1

P粉998100648 2023-09-07 14:20:58

SVG イメージを使用してレスポンシブグリッドエリアを作成できません

SVG 画像を含むレスポンシブなグリッド領域を作成しようとすると、グリッド領域の幅が任意になったり、画像を停止せずに特定の点まで拡大または縮小したりできないなどの奇妙な動作が発生します。私が得た最も近いものは次のとおりでした: *{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr;background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16

SVGで差し込み影を作成する方法

CSS3 にインラインボックスシャドウがあるのと同じように、インラインシャドウを持つボックスを作成する必要があります。私がこれまでに見つけたのは、feGaussianBlur を使用したフィルターですが、問題は、ボックスの外側にも影を追加してしまうことであり、これは望ましくありません。これはこれまでに得たコードです: <svg><defs><filterid="drop-shadow"><feGaussianBlurin="SourceA

P粉311089279 2023-10-21 15:57:11