SVG - размер фона без изменения размера изображения SVG, вместо этого он меняет положение - PullRequest
0 голосов
/ 10 марта 2020

Я пытаюсь использовать свойство background size для масштабирования моего фонового изображения следующим образом

.myDiv
  background-image url('background-fill.svg')  
  background-repeat no-repeat
  background-size 100% 336px

Но изменение 336px не изменяет масштаб высоты изображения, вместо этого изображение всегда пропорционально (добавляя к 336px ходам). изображение вниз, и вычитание из 336px перемещает изображение вверх, оно не меняет размер изображения)

Например, если я делаю

  background-size 100% 536px

Изображение перемещается ниже, и отображает тот же размер, что и раньше

Если я изменю на png или jpg, он будет работать как положено

1 Ответ

0 голосов
/ 10 марта 2020

Я обнаружил проблему, мне пришлось установить

preserveAspectRatio="none" 

в моем .svg внутри тега svg

...