问题标签 [loupe]

有谁知道在 iPhone 上的 UIImage 视图中实现 UITextField 的缩放放大镜功能的方法？

我正在构建的应用程序的一部分允许用户在 UIImage 上画一条线，这个过程可能涉及点的精确定位。为了帮助用户，我想提供在 UITextField 中定位光标时看到的放大镜。有谁知道如何做到这一点？任何指向相关文档的指针？

干杯!

我正在尝试将一个放大镜，比如这个放大镜，插入到prettyPhoto 中（因为 JavaScript 很好而被选中）。我遇到的麻烦是在 prettyPhoto 加载后启动放大镜功能。如果我将它包含在 prettyPhoto JavaScript 中，它只会让自己陷入无限循环，或者根本不会被调用。通过在调用内联函数的关闭按钮旁边放置一个链接，我几乎让它工作了，就像这样；

这里唯一的问题是 return false 不起作用？当对 loupe 的调用不在 onclick 事件中时它是否有效？这样做确实会运行放大镜功能，但主页会被加载，所以我不知道它是否真的有效。

我怎么解决这个问题？

非常感谢所有帮助！

更新：

好的，进展不大，我已经通过在跨度而不是标签上使用 onclick 事件来调用函数。警报现在显示它告诉我已调用放大镜功能，但放大镜实际上并未显示。

任何想法，将不胜感激。

我在包含许多 UIView 子视图的 UIScrollView 中有一个 UIView。这些子视图中的每一个都有一个 CATiledLayer 层。此外，我还有一个放大镜功能，可以在其上下文中绘制容器 UIView（以及所有子视图）。相关代码：

这是放大镜的 drawRect 方法：

这是绘制子视图的容器 UIView 的 drawInContext:forRect 方法：

最后这是带有 CATiledLayer 的子视图的 drawRect 方法：

现在，一切都按照我的预期工作，但是当放大镜打开并移动时，应用程序的速度明显变慢。问题是每次移动放大镜视图时，都会调用它的 drawRect 方法（因此它可以更新放大的内容），随后调用容器 UIView 的 drawInContext 方法等等......导致所有 CATiledLayers 更新他们的图像每次移动放大镜时瓷砖。

如您所见，我试图在放大镜的上下文中绘制容器视图的较大部分，但这是我卡住的地方。我看不出如何“缓冲”该容器视图的大部分，因此当移动放大镜时，仅当要重绘的矩形超出“缓冲”矩形时才会重绘子视图。

对不起，如果代码是草率/新的 - 我在中间并寻求一些帮助。

谢谢！

我将不胜感激任何 javascript / css ninjas 关于如何自定义的想法：

https://github.com/jdbartlett/loupe/blob/master/jquery.loupe.js

有一个圆形缩放区域而不是矩形缩放区域？有一个为放大镜设置 css 类的选项。

请注意，这是关于上面链接的库的问题。我已经用谷歌搜索了其他图书馆。我想让 js 尽可能小。

我想对照片应用两个动作： 1. 悬停时：运行 jQuery 放大镜来放大它 2. 点击时：运行 prettyPhoto 来放大它

问题：这是我一直在尝试做的：http: //jsfiddle.net/sherlock85/Udfey/ 如您所见，放大镜工作正常，但 prettyPhoto 插件不能。如果我评论或删除放大镜初始化行： $('.demo').loupe(); prettyPhoto 开始正常工作。有没有一种简单的方法可以让它们都正常工作？

谢谢！

我为一家公司工作，该公司希望在我们网站上的较大图像上使用放大镜工具，但也想加入一些图像保护（意识到再多的工作也无法阻止某人抓取图像）。

我遇到了两个非常棒的开源脚本，它们分别执行这些操作，但不想一起工作。

图片放大镜脚本：http: //jdbartlett.com/loupe/

图像保护脚本：http ://davidwalsh.name/image-protector-plugin-for-jquery

放大镜工具通过将较大的图像链接到较小的“缩略图”并通过 javascript 修改 CSS 以在正方形内创建“缩放”效果来工作。

图像保护工具通过绝对定位在图像顶部覆盖空白 .gif 来工作。

我的问题是，有没有办法将两者结合起来？我正在摸不着头脑，因为我不认为使用这个放大镜工具可以覆盖 .gif 并且仍然允许与放大镜工具进行交互。

任何帮助将不胜感激！

我目前正在使用放大镜插件来放大设置为图像地图的大型组织图片。通常，当用户单击此图像地图的一部分时，他们会被重定向，不幸的是，我找不到一种方法可以让放大镜响应用户单击图像地图上的链接。任何建议将不胜感激！

谢谢！

我完全被https://paydirtapp.com/上的幻灯片所震撼，有人知道它是如何实现的吗？我猜这是一些复杂的 html5 canvas mumbo-jumbo 吗？

我正在使用 C# 制作放大镜工具。很像这个：http ://colorsnapper.com 我已经在谷歌上搜索了一种方法来放大屏幕的预定义区域，足以查看每个单独的像素。

更具体地说，我希望我的鼠标成为屏幕上的放大镜，以增强鼠标悬停的每个像素。我需要弄清楚如何放大该预定义区域。

有谁知道我可以做到这一点的方法，或者任何可用的 API。

更新 我找到了微软提供的放大 API：http: //msdn.microsoft.com/en-us/library/windows/desktop/ms692402 (v=vs.85).aspx 但是，这个 API 是 C++ 的。正如我所收集的，C++ 是编写 Windows 操作系统的内容，要使用这个 API，我需要使用某种 C# 包装器。这不是一个问题，我只是想我会为其他用户添加到这篇文章中。

我正在使用两个独立工作的插件。Galleriffic 和 Loupe 是两个插件。我想要做的是让 Galleriffic 中的大图像也有放大悬停效果，这就是 Loupe 的用途。我不得不向newSlide.find('a img').addClass('magnifyPic');Galleriffic 插件添加一行代码，以便在图像上获得一个类，Loupe 应该使用它来激活放大效果。以下是插件的两个调用。

问题是当我将鼠标悬停在大图像上时，绝对没有任何反应。这两个插件独立地运行正常，但似乎不想一起工作。如果我理解正确的话，Galleriffic 插件可以在其选项中接受回调、函数等，所以我想我的问题是：如何将 Loupe 调用集成到 Gallerific 调用中？或者这是让 Loupe 只使用 Galleriffic 画廊中的大图像的正确方法？我已经尝试删除、添加、修改这两个插件的代码行，但似乎无法让它们一起工作。