Javascript （平移缩放）如何阻止图像从视图外平移？

除了重置缩放，是否有其他方法可以强制图像在使用平移时不完全丢失

const-element=document.querySelector（“#场景”）；
常数zoomLevels=[0.1,0.25,0.5,0.75,1,1.25,1.5,1.75,2,2.5,3]；
设currentZoomLevel=ZoomLevel[4]；
const text=document.querySelector（“#text”）；
设panZoomController=panzoom（元素）
div{
溢出：隐藏；
边框：3件纯红
}
img{
光标：移动；
}



不应将图像拖出/平移出视图
似乎有边界属性


const-element=document.querySelector（“#场景”）；
常数zoomLevels=[0.1,0.25,0.5,0.75,1,1.25,1.5,1.75,2,2.5,3]；
设currentZoomLevel=ZoomLevel[4]；
const text=document.querySelector（“#text”）；
让panZoomController=panzoom（元素{
边界：是的，
边界铲：0.1
});
div{
溢出：隐藏；
边框：3件纯红
}
img{
光标：移动；
}



不应将图像拖出/平移出视图
示例是从红牌上平移。。。