如何僅調整svg圖像以進行打印預覽？

Question

現在我有一些d3圖表，它在頁面上監聽屏幕大小調整事件，並且可以放大很大。但是，當用戶去打印它們時，它們對於打印頁面來說太大了。如果我限制svg的大小，那麼如果屏幕調整得非常寬，那麼它們就不會縮放。

換句話說，我需要我的svg在打印預覽中有一定的大小，但仍然在瀏覽器視圖端口中縮放。怎麼能做到這一點？

Answer 1

您應該可以使用媒體查詢來縮放圖形。 https://developer.mozilla.org/en-US/docs/Web/CSS/@media

例如：

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