Как изменить размер изображений svg только для предварительного просмотра?

Question

Прямо сейчас у меня есть графики d3, которые на странице, которые прослушивают событие изменения размера экрана и могут быть увеличены достаточно большими. Однако, когда пользователь идет на печать, они слишком большие для печатной страницы. Если я ограничу размер svg, тогда, если экран будет сильно изменен, тогда они не будут масштабироваться.

Другими словами, мне нужно, чтобы мои svg были определенным размером в предварительном просмотре печати, но все еще сохранялись в окне просмотра браузера. Как можно это сделать?

Answer 1

Вы должны иметь возможность использовать медиа-запросы для масштабирования графиков. https://developer.mozilla.org/en-US/docs/Web/CSS/@media

Например:

@media print { 
    svg { 
     width: 3in; 
    } 
}