codeout https://blog.hatena.ne.jp/codeout/ LGTM https://codeout.hatenablog.com/ networking TL; DR リンクラベルをノードの上に描画するため、SVG DOM 構造を変えました CSS を適用している場合は、修正する必要があるかもしれません いまさらですがVersioning 始めます 問題: リンクラベルがノードの裏に回ってしまう これまでのinet-hengeには、上のように「リンクラベルがノードの裏に回ってしまって読めない」問題がありました。 下の2点を満たすためにやむなくこうなっていたものです。 SVGの仕様では、後に定義された要素が表に描画される CSSでうまく選択できるよう、リンク(線) とリンクラベル(テキスト) を近くに配置したい 例: 線をポイントしたとき、ラベル… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcodeout.hatenablog.com%2Fentry%2F2020%2F02%2F25%2F052854" title="inet-henge が出力する SVG の変更点 - LGTM" 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/c/codeout/20200225/20200225035954.png Hatena Blog https://hatena.blog 2020-02-25 05:28:54 rich https://codeout.hatenablog.com/entry/2020/02/25/052854 1.0 100%