我有一个快照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>
stageH和stageW变量是经典的ASP，是jpg的维度。 svg区域具有相同的大小，并且填充了在图像顶部描绘的用户绘制的形状。
我想找到一种方法来比例缩小图像和svg内容以适应窗口的宽度。