Создаем нашу простую разметку HTML:
Пишем простой стиль CSS:
И как вы уже все поняли вся работа ложится на jquery, фрагмент кода мы не будем выкладывать он весьма большой и вы можете его сами посмотреть в примере, выложенном в данном ресурсе.
Смотрим результат нашей работы :
HTML:
<svg viewBox="0 0 1000 1000">
</svg>
CSS:
body {
margin: 0;
}
svg {
height: 100vmin;
left: calc(50% - 50vmin);
position: absolute;
width: 100vmin;
}
Смотрим результат нашей работы :