asamuzaK.jp : ♪Story in the SVG また繋がるフラグメント (c) AAA

使えば爽快！ SVG Spriteの改訂版。 SVGのsymbolとuseを使ってSVGスプライトを利用する方法を、再度、考えてみた。 SVG#fragmentを利用したSVGスプライトのテストケース Safari用のバグ対策を施したテストケース 今回のSVGのサンプルソース。 ターゲットになっていないuse要素はCSSで非表示にしてしまうことがコツといえばコツ。 あと、ルートのsvg要素には、widthもheightもつけず、viewBoxのみ。 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128"> <style> use:not(:target) { display: none; } </style> <symbol id="re