html - SVG 内のリンクされた画像を上からスケーリングするにはどうすればよいですか (現在、中心から奇妙にスケーリングしています)

Question

インライン SVG にリンクされた画像があり、SVG の高さと幅の値が削除されています。寸法オプションがパーセントに設定されていると画像が消えるように見えるので、SVGがその高さとして保持しているように見えるpx値に保持しました。

このリンクは、私がより簡単に達成しようとしていることを示しています:

基本的に、SVG を上の画像のように動作させたいのですが、リンクされた画像は SVG コンテナーの上部ではなく中央からスケーリングされます。

ありがとう、

-n

Answer 1

これは Webkit のバグです。見る

width=100 と height=100 の svg を使用すると、Safari e chrome に余分なスペースができました

いくつかの可能な解決策について。