Угловое 2 SVG CSS рендеринга по-разному внутри компонента

Передача некоторых конструкций в угловыми 2 и я использую следующий фрагмент кода:Угловое 2 SVG CSS рендеринга по-разному внутри компонента

<svg class="header__icon help__icon" viewbox="0 0 32 32"> 
    <use xlink:href="images/icon/info-help_small.svg#help__icon"></use> 
</svg>

Когда я использую этот код за пределами углового компонента с точно такой же таблицей стилей применяла SVG элемент правильно масштабируется, но как только я добавляю его во внутреннюю часть углового компонента, масштабирование вообще не происходит. Это угловая проблема?

Это изображение вне углового элемента с одинаковыми стилями:

Это изображение SVG внутри углового компонента:

источник

2016-04-12 Brett Biery

Как вы его масштабируете? Какие стили вы используете? Укажите дополнительную информацию, которая позволяет воспроизводить? –

SVG чувствителен к регистру, поэтому попробуйте viewBox, а не неправильный viewbox. –

переименование "viewbox" в "viewBox" исправлено. Не собираюсь лгать, я, вероятно, даже не пробовал бы этого, потому что он работал в нормальном режиме html. Если вы представите это как ответ, я могу отметить его. –

Это должно работать,

<svg class="header__icon help__icon" viewbox="0 0 32 32"> 
    <use [attr.xlink:href]="images/icon/info-help_small.svg#help__icon"></use> 
</svg>

источник

2016-04-12 05:51:47 micronyks

Угловое 2 SVG CSS рендеринга по-разному внутри компонента

ответ

Смежные вопросы