Svg по ширине дива?

Question

[Za Za]

Есть скрипт - генерирует qr'ы и выдает в svg (в самом скрипте можно задать размер svg (на примере размер выхода 1080px/1080px)
вопрос? как теперь этот svg заставить принимать размеры дива

ограничен только css

Comments

[Ankhena]

Ваш скрипт забыл добавлять атрибут viewBox="0 0 1080 1080"

[Za Za]

заметил, это бы решило проблему - но имею то, что имею

[Ankhena]

Za Za, либо скорректируйте скрипт либо добавьте js'ом

Answer 1

[cssfish]

если к атрибутам svg доступа нет то можно так:

.qr-code svg {
  display: block;
  transform: scale(calc(400 / 1080));
  transform-origin: 0 0;
}

p.s.
ну и overflow: hidden; для .qr-code

Answer 2

[dmitry]

Попробуй убрать инлайн стили width="1080" height="1080" из html у svg и задавать нужные размеры уже через css

Comments

[Za Za]

ограничен только css

[dmitry]

К сожалению ты не сможешь перезаписать инлайн стили через css, у них самый высокий приоритет.

[NotNight]

dmitry, можно повысить приоритет css стилей, с помощью !important