SVG camelCase 要素のキャプチャ検証

SVG 名前空間の camelCase タグ（foreignObject / clipPath / linearGradient / textPath / fe* 系）が キャプチャで小文字化されると、キャプチャデータ閲覧側で未知のSVG要素として扱われ機能しなくなる。
各ケースが元ページと同じ見た目で表示されれば正常（キャプチャデータ閲覧時）。Recharts 等のグラフライブラリが 生成する構造を簡略化して再現している。

Case 1: foreignObject 内の HTML

期待: 青い角丸ラベル（HTML の flexbox）が SVG 内に表示される。 foreignObject が小文字化されると中の HTML が描画されない。
カスタム凡例 (HTML)

Case 2: linearGradient + clipPath

期待: 左→右のグラデーション帯が、丸い窓型（clipPath）に切り抜かれて表示される。 小文字化されると fill が黒くなる / 切り抜きが効かなくなる。

Case 3: textPath

期待: テキストが弧に沿って表示される。小文字化されるとテキストが消える。
弧に沿った textPath のテキスト

Case 4: filter（feDropShadow / feGaussianBlur）

期待: 左の矩形に影、右の円にぼかしがかかる。小文字化されるとフィルタが効かない （またはフィルタ参照切れで要素ごと消える）。

Case 5: symbol + use（ページ内参照）

期待: 同一SVG内の symbol を use で3回参照し、星が3つ表示される。 （外部SVGファイル参照の use は index.html の svgタグ セクションにあり）

Case 6: HTML Custom Element（ハイフン付きタグ名）

期待: 緑のバッジが表示される。Custom Element（Shadow DOM なし・ connectedCallback で中身を生成）のタグ名と中身がキャプチャされること。