Javascript 如何在较小的窗口中查看较大的图像而不在HTML中重塑图像？

我想在一个较小的窗口中放置一个较大的图像，这样在一段时间内只显示图像的一小部分，当它被向下、向上、向左或向右拖动时，下面的图像就会像谷歌地图一样显示出来。但是，当图像放置在任何HTML元素中时，它要么显示为完整的，要么被裁剪。有人知道如何使用HTML实现吗，CSS或JavaScript。

这可以使用

overflow-x:auto

或

overflow-x:visible

以及

overflow-y:auto

或

overflow-x:visible

来完成。这可以使用

overflow-x:auto

或

overflow-x:visible

以及

overflow-y:auto

或

来完成
overflow-x:visible
你是说你想要滚动条？没有滚动条！在较小的窗口中可以看到较大的图像。将滚动条设置为隐藏，然后您必须编写一些脚本来将鼠标拖动转换为滚动事件。这与任何全景图像查看器中显示的情况类似：我从您那里得到了一些帮助，意思是您想要滚动条？没有滚动条！在较小的窗口中可以看到较大的图像。将滚动条设置为隐藏，然后您必须编写一些脚本来将鼠标拖动转换为滚动事件。它与任何全景图像查看器中显示的内容类似：我从Please share online link获得了一些帮助，以便我可以检查。以下是我尝试的代码：Please share online link，以便我可以查看检查..以下是我尝试的代码：