Javascript 打印期间是否可以更改SVG圆圈的cx、cy和r？

我有一个svg圆圈：

如果我打印网页，我想减少圆圈的尺寸

有没有办法做到这一点

编辑

当我说“打印”时，我指的是打印页面的pdf文件和在纸张上打印页面

编辑#2

这就是我用@media print尝试的

@media print {
          circle{
            height: 0.8vw;
            width: 0.8vw;
          }
}

---

您可以使用以下选项更改SVG属性：

const radius = 5;
svg`<svg viewBox="0 0 10 10">
  <circle id="circle" cx=${radius} cy=${radius} r=${radius}/>
</svg>`

您可以缩放整个SVG：

@媒体打印{
svg.shrinkOnPrint{
高度：0.8vw；
宽度：0.8vw；
}
}

最后，您可以有多个版本，并且只显示相关版本：

svg.forPrintOnly{display:none；}
@媒体印刷品{
svg:not（.forPrint）{display:none；}
svg.forPrintOnly{
显示：内联块；
}
}

是的，您可以实时编辑SVG的属性。@Mr.polywhill您能告诉我怎么做吗？非常感谢。使用CSS媒体查询更改值。即@media print编辑问题，向我们展示您对媒体查询所做的操作。请注意，您可能需要通过CSS而不是属性设置所有值。为什么不只设置两个圆，并使用打印媒体查询显示或隐藏每个圆？