масштабирование svg будет шириной экрана

У меня огромный svg. Я хотел бы увеличить масштаб до 100% (ширина экрана). Какой был бы лучший способ сделать это, пожалуйста?масштабирование svg будет шириной экрана

HTML:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1368px" 
height="775px" viewBox="0 0 1368 775" enable-background="new 0 0 1368 775" xml:space="preserve"> 
...

CSS:

.svg { 
position: absolute; 
top: 50px; 
left: 50%; 
transform: translateX(-50%); /* center */ 
-webkit-transform: translateX(-50%); 
-moz-transform: translateX(-50%);

}

источник

2015-07-14 LauraNMS

Зачем показывать что-то, что вы хотите увидеть? –

Возможный дубликат [Как сделать элемент Stickers

@Paulie_D: Извините, я удалил эту строку css - это было то, что в моей программе удаляется jquery. – LauraNMS

Тест SVG заголовок, обернутую вокруг <div>, который контролирует ширину, высоту, используя CSS.

<body> 
    <div style="width: 100%; height: 100%"> 

    <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1368 775" enable-background="new 0 0 1368 775" xml:space="preserve"> 
    ... 
    </svg> 
    </div> 
</body>

источник

2015-07-15 04:35:19

масштабирование svg будет шириной экрана

ответ

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