2

プロジェクトでJquerySVGプラグインを使用しています。svgをより小さなサイズでロードするために次のコードを書いたさまざまなサイズにsvgのサイズを変更したい

 $('#svgbasics').svg({
            loadURL: 'lion.svg', // External document to load 
            onLoad: null, // Callback once loaded 
            settings: {width: '100px'}, // Additional settings for SVG element 
            initPath: ''
        })

ただし、常に100％サイズで画像を開きます。SVGをさまざまなサイズで表示する方法を教えてください。

4

1 に答える 1

3

日を検索した後、私は次のことを見つけました

svgのサイズを変更する場合は、svgのビューボックスのサイズを変更する必要があります。幅を設定すると、外側の表示領域のみがサイズ変更されます。

svgを画像タグに表示するだけでサイズを変更し、要件に応じてサイズを変更できます。

<img width="200px" src="lion.svg"></img>

私は次の投稿で答えを見つけました

<object>タグが埋め込まれた頑固なSVGをスケーリングするにはどうすればよいですか？

于 2012-08-09T05:43:47.007 に答える