shiroyuki2020 https://blog.hatena.ne.jp/shiroyuki2020/ プログラミングとウェブデザインの勉強メモ https://shiroyuki2020.hatenablog.com/ SVG SVGで図形をまとめて扱いたい場合がでてくると思います。そのようなときは、要素をグループにまとめます。関連する要素は、g要素、symbol要素、use要素、defs要素の4つです。これらについて見ていきます。 g要素 symbol要素 use要素 defs要素 参考サイト g要素 要素をグループにまとめます。色や線の幅などの属性が共通する場合、まとめて指定できます。 <g style="fill:orange"> <circle cx="100" cy="100" r="50"/> <circle cx="125" cy="125" r="50" stroke-width="4" stroke… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fshiroyuki2020.hatenablog.com%2Fentry%2Fintroduction_to_svg_26" title="SVG|グループにまとめる:g要素,symbol要素,use要素,defs要素 - プログラミングとウェブデザインの勉強メモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/shiroyuki2020/20220620/20220620154030.jpg Hatena Blog https://hatena.blog 2022-07-11 19:00:00 rich https://shiroyuki2020.hatenablog.com/entry/introduction_to_svg_26 1.0 100%