现在我在页面上有一些 d3 图表,可以监听屏幕调整大小事件并且可以放大到相当大。然而,当用户去打印它们时,它们对于打印页面来说太大了。如果我限制 svg 的大小,那么如果屏幕的大小调整得非常宽,那么它们就不会缩放。
换句话说,我需要我的 svg 在打印预览中具有一定的大小,但在浏览器视口(viewport)中仍然可以缩放。如何做到这一点?
最佳答案
您应该能够使用媒体查询来缩放图表。 https://developer.mozilla.org/en-US/docs/Web/CSS/@media
例如:
@media print {
svg {
width: 3in;
}
}
关于javascript - 如何仅为打印预览调整 svg 图像的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29956789/