私はこのテクニックを気に入っていますが、皆さんが知っているように、SVGグラフィックスの素晴らしい点の1つは、同じファイルをサイズ変更して再利用できることです。 ng-includeにサイズ変数を追加することは可能ですか？SVGにはng-includeが含まれていますが、サイズを含めて
例：
<div ng-include="'img/logo-rev.svg'" class="ng-scope" width="50">
答えはあなたのSVGにwidthまたはheightを指定しないことです。または、そうする場合は、両方とも"100%"に設定されていることを確認してください。あなたのSVGが適切なviewBox属性を持っている限り、それはあなたが親にするどんなサイズにも拡大縮小されます。
.small {
width: 50px;
height: 50px;
}
.large {
width: 150px;
height: 150px;
}<div class="small">
<svg viewBox="0 0 100 100">
<circle cx="50" cy="50" r="50" fill="green"/>
</svg>
</div>
<div class="large">
<svg viewBox="0 0 100 100">
<circle cx="50" cy="50" r="50" fill="green"/>
</svg>
</div>例では2 SVGsが上記同一であることに留意されたいです。
ねえ！ええ、それは分かりましたが、ログインページのlogo.svgを200px、ヘッダーを70pxにしたい場合はどうでしょうか。幅がsvgの場合、ng-includeを使ってサイズを変更することはできません。 – Rhys
多分、固定値の代わりにパーセンテージを使って幅や高さを設定すると、ロゴはコンテナ要素のサイズになります –