ViewBox заполнить с SVG

Question

У меня есть график (svg) внутри области просмотра, если график больше, чем область просмотра, он сокращается, но если график меньше, чем область просмотра, он не растягивается в форме для заполнения максимальной области окно просмотра.

не понимаю, почему preserveAspectRatio = "xMidYMid meet" не делает то, что я хочу.

спасибо за будущие ответы

Answer 1

Вы, кажется, вводите в заблуждение терминологию, в вашем вопросе «viewbox», вероятно, следует заменить на «viewport».

preserveAspectRatio="xMidYMid meet" означает заполнение максимального объема пространства при сохранении соотношения сторон, ицентрировать SVG.Если вы хотите заполнить весь видовой экран, то вы можете использовать preserveAspectRatio="xMidYMid slice", который при необходимости отрежет некоторые части svg, или preserveAspectRatio="none", который растянет svg так, чтобы он полностью заполнил область просмотра, но без сохранения соотношения сторон.

Вы также можете настроить атрибут 'viewBox' в svg так, чтобы он соответствовал соотношению сторон окна просмотра, в котором вы хотите его использовать.