foreignObjectの中身に応じて高さ変えたい
foreignObjectの中身に応じて高さ変えたいmiyamonz.icon
見えなくしたhtml側で描画しておいて高さを測ってsvg側に適用しましょ?(力技)
やっぱこれしかないのか…miyamonz.icon
CanvasRenderingContext2D.measureText() の返す TextMetrics はブラウザ間の実装具合の差が大きかったのと、foreignObject に詰めるのはHTMLなので最初からHTMLベースで Element.getBoundingClientRect() で測るのは力技だけど素直
display: none だと測れないので aria-hidden="true" 付けて
position: absolute; opacity: 0; user-select: none; pointer-events: none;
あたり付けると
(もっといい方法を誰かが書いてくれる)
reactだとportalとか使ったほうがいいのかも?miyamonz.icon
自前で位置だけ調整してsvgの外にdiv浮かべるのでは駄目なんか、という問い