Есть блок div с определенными размерами. Внутри него элемент svg с path. Элементу svg задан css для масштабирования по размеру:
svg {
height: 100%;
width: auto;
max-width: 100%;
max-height: 100%;
object-fit: cover;
overflow: hidden;
vertical-align: middle;
}
и аттрибуты:
preserveAspectRatio="xMinYMin meet"
viewBox="0px 0px 300px 200px"
Элемент svg принимает размер родительского div, но вот path внутри всегда одного размера и не меняется при изменении масштаба, viewBox, preserveAspectRatio. Если размер div меньше svg и path, то path обрезается как это делал бы overflow: hidden. overflow: visible показывает path полностью, но он так же не масштабируется и всегда находится в левом верхнем углу элемента svg.
