
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
切り抜く要素のサイズに合わせてSVGでclip-pathする - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
切り抜く要素のサイズに合わせてSVGでclip-pathする - Qiita
発生した問題 何も考えずSVGで要素をclip-pathすると、切り抜きたい要素のサイズに合わせて切り抜いてく... 発生した問題 何も考えずSVGで要素をclip-pathすると、切り抜きたい要素のサイズに合わせて切り抜いてくれませんでした。 こうなって欲しいのに... こうなる... 問題発生時のコード この問題が発生しているとき、みなさんのソースコードも以下と似た状態だと思います。 JSXなので少し記述がHTMLと異なりますが、読み替えていただけると幸いです。 // 切り取りたいSVGの形 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 103.758 103.758" height={0} width={0} > <clipPath id="super-ellipse"> <path d="M64.36,13c35.815,0,52.4,15.545,52.4,51.36s-16.583,52.4-52.4,52.4S13,100.175,