问题标签 [magnify]

我希望在鼠标悬停时放大我的图像。

但是，放大的图像显示了它下方的部分图像，有什么办法可以解决这个问题吗？

我的代码：

非常感谢任何帮助！

如果我查看的图像比我的浏览器大，图像会自动调整大小以适合浏览器，并且会出现放大镜（带有一点加号），如果我单击它会放大图像。可以禁用此功能吗？我对在 iframe 中执行此操作特别感兴趣……例如，如果我有<iframe width=500 height=500 scr='myimage.jpg'> 并且 jpg 为 1000 像素 x 1000 像素，我的鼠标指针将变成放大镜并在单击时将其放大。我可以用 css 或其他方法禁用它吗？

有什么方法可以放大织物js画布对象放大吗？

我已经尝试过很多例子，但大多只放大图像，我需要放大画布中存在的任何对象，如矩形、圆形、文本、图像

是否可以通过 iText 使生成的 pdf 文档交互。

我希望它可以选择通过鼠标单击放大图片/缩略图以查看详细信息。

iText 是否有这样的选项，是否有示例

I am working on an assignment right now and was asked to create an app to select an area on image with ability to magnify a part of the image around cursor.

Right now I stuck on the magnifier part. There is a Magnifier control in WPF, but how about UWP? Has anyone had any experience creating magnifier in UWP?

SO far I've found this, but UWP has different API's: http://csharphelper.com/blog/2015/06/zoom-and-crop-a-picture-in-c/

My logic is: 1. Draw circle around the cursor and re-draw it every time the cursor moves. 2. Take a screenshot (render) specified area around it 3. Magnify the are 4. Fill the circle with the magnified image (Bitmap)

Any tips or suggestions would be much appreciated. Thank you

我很难加入放大的 javascript 插件功能。

基本上，我能够在带有静态图像的静态 html 模板上运行这个插件。但我似乎根本无法在我的 django 构建网站上运行它。

我的图像位于入口模型内，它们是从那里提取的。这对放大脚本是否有效有影响吗？因为它们并不完全是静态的。

另外，我有多个 css 文件，不确定这是否会影响任何东西。我禁用了基本模板中的主 css 以查看它是否有干扰，但仍然没有。

有没有更有效的方法来合并放大功能？我真的没有使用 javascript 的经验。

这是实际有效的修改后的代码。

页面加载后，代码工作正常，尝试在同一 div 中通过 ajax 更改图像集后，不刷新页面，然后缩放不起作用

我分配了一个变量并设置了缩放，然后使用破坏方法禁用缩放，然后再次启用缩放..

即使在同一 div 中替换图像后，缩放图像也应该可以工作

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

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

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

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

我有这个玻璃放大镜（来自https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_magnifier_glass），它在我的反应项目中打开很好 onClick ，但我想让它打开/关闭进一步的点击，但它没有关闭。

这是我应该实现的功能，但是无论我的 zoomActive 状态设置为 true 还是 false，缩放始终保持打开状态。谁能告诉我我做错了什么？谢谢！

这里是 onClick 函数：

和CSS：

我正在尝试在 Django 中为我的网页构建放大镜。

我正在使用一个名为 AnythingZoomer 的库来放大文本：https ://css-tricks.github.io/AnythingZoomer/text.html 。问题是，在他们的项目中添加脚本和 CSS 后，放大效果不起作用。我在 HTML 中添加了所需的 ID 和代码，但它也不起作用。

放大脚本（在 base.html 中）：

我要放大的文本（在 index.html 中）：

CSS（AnythingZoomer，我的网页还有一个）：

非常感谢您的帮助