问题标签 [magnifier.js]

我正在研究 tielview，当用户触摸屏幕时我需要实现放大镜。

我试过这个https://github.com/nomanr/android-image-magnifier但没有找到任何好的解决方案。

我想要实现的是，当用户在屏幕上长按时，放大镜显示在左角，屏幕缩放如图所示。

我试图通过 Transcrypt 将放大镜的 Javascript 程序移植到 Python 代码。不幸的是，我无法摆脱完全覆盖整个图像的放大镜框架。原始代码位于：https ://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom

我用它做的 Python 代码是：

这是它的html：

有什么想法可能是错的吗？如果注释掉该行：

我根本看不到框架，它至少可以工作一半。但是在放大的空间周围有边界会很好。

我知道这是一个初学者的事情。所以我在一个带有 id thumb 的 div 中有这个图像。

这个 Javascript 是一个放大脚本：

如您所见，我正在尝试使用 myImgSrc 获取图像，然后尝试在大型中使用：'myImgSrc'。当我将一个固定的 url 放大：fixed-url-to-the-image 时，它​​工作正常。

我有一个网页，它使用drawimage(x,z,width,height). 用户可以通过单击线在图像上的任何给定线周围绘制一个矩形。然后在图像上使用rect(x,y,w,h).

使用 JavaScript 放大镜，用户可以将鼠标悬停在图像上以查看放大版本。但是，它不会显示在画布上的图像上绘制的矩形。

是否可以同时绘制矩形和图像？目前这是放大镜的设置：

稍后有实际移动背景位置的代码。但我没有看到一种方法来显示在图像顶部、画布中、放大镜上绘制的矩形。

我是新来的反应，所以我试图在反应中放大图像。我使用 swiper js 来显示产品图像，但对于缩放我使用react-image-magnify但它不起作用。react-image-magnify 在 swiper js 外部工作，但不在内部工作。有什么解决办法吗？