在jQuery中，如何在鼠标移动时放大和缩小屏幕的一部分？

我有两个

div

s，每个都包含一个画布和一些可拖动/可拖放的图像（我的意思是我的显示不仅仅是一个简单的

div

）

我想在鼠标移动时放大，在鼠标离开时缩小。我需要这样的东西：

但是，这一个应用于图像，我的只是屏幕的一部分（无论您从

div

s、

canvas

es看到什么，以及其他可拖动/可拖放的对象彼此重叠，现在位于鼠标指针下和一个小的周围区域）。我该怎么做