Javascript 是否可以重新缩放快照svg画布？

我有一个快照svg画布区域，它位于动态加载的图像的顶部，并完全覆盖它。有时，图像和svg区域从屏幕右侧延伸。这是可取的。然而，在应用程序中的某一点上，我想使用jquery或javascript暂时按比例缩小图像和svg区域，以便所有内容都适合可见屏幕区域

这可能吗？如果是的话，怎么做

这是设置

<div id="holder" style="align:center; width: <%=stageW%>px; height: <%=stageH%>px;" >
   <img src="<%=img%>" class="image"  id="img" width="<%=stageW%>" height="<%=stageH%>"/>
   <svg id="svg"></svg>
</div>

“class=“image”id=“img”width=”“height=”“/>

stageH和stageW变量是经典的ASP，是jpg的维度。svg区域具有相同的大小，并由用户绘制的图形填充，这些图形跟踪在图像的顶部

---

我想找到一种方法来按比例减少图像和svg内容，以适应窗口的宽度。

不清楚您必须更改哪些元素，这是在不使用任何代码的情况下设置当前大小。可能是css和div或您正在使用的任何东西。我已将设置添加到我的问题中。您可以做一些类似于将svg置于删除一个div，然后使用javascript向该div添加一个限制其大小的类？不清楚您必须更改哪些元素，这是在不使用任何代码的情况下设置当前大小。可能是css和div或您正在使用的任何东西。我已将设置添加到我的问题中。您是否可以做一些事情，例如将svg放入div中，然后使用javascript向div添加限制其大小的类？