Создаем нашу простую разметку 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;
}Смотрим результат нашей работы :
![[HAL] Виджеты](/data/resource_icons/1/1287.jpg?1535398259){kind=icon}
![[HAL] Audio Widget](/data/resource_icons/4/4156.jpg?1711463574){kind=icon}