RaphaelJS では、このコマンドは画像を挿入します:-
var myImg = paper.image('image.svg', 100, 100, 150,150);
SVG 出力は次のとおりです。
<image x="100" y="100" width="150" height="150" preserveAspectRatio="none" href="image.svg"/>
質問: 属性に直接アクセスpreserveAspectRatioして変更するにはxMidYMid meetどうすればよいですか - 調べるmyImg.attr()と、この属性は表示されません。
回り道は、SVG DOM ツリーをナビゲートして実行することですsvgImg.setAttributeNS(null,"preserveAspectRatio" , "xMidYMid meet" );
注: 一部の画像のみが必要ですnoneが、残りの画像にはxMidYMid meetタグが必要です。したがって、この属性を親 <svg> に設定することはできません
注 2: Chrome は、SVG 画像での preserveAspectRatio をサポートしていません。FF または IE を使用してテストします。