问题标签 [imageareaselect]

这就是我预选的方式（感谢这个问题/答案ImageAreaSelect: preselect最大的缩略图可能尊重 aspectRatio）

但是它似乎没有在Init上加载预览方法。用户需要重新选择、调整大小或至少拖动当前选择以便预览：

预览方法（取自他们的网站）

我在init函数上试过这个：

但是没有太大的成功...

但我相信解决方案是重新生成拖动的选择或类似的东西？

-编辑-

如果您查看此屏幕截图：

可以看到预选成功了，但是prevew没有..

如果我只是单击/移动选择：然后预览

所以问题是：

如何重现更改的选择？通过插件方法或 DOM 事件

JSFiddle

-编辑2-

好吧，我提出了这个解决方案，为什么不在插件初始化后运行预览功能？

请检查下面的代码，我正在使用带有 PHP 代码的 jquery。我对 PHP 没有太多了解，所以请让我离开这里。我需要将 PHP 页面和 html 页面分开。这是我的popup.html。我在哪里做错了代码，请告诉我

这是我的保存 Image.php

出现错误“NetworkError: 404 Not Found - http://abc.com/CropImage-PHP/uploads/%3Cbr%20/%3E%3Cb%3EWarning%3C/b%3E:%20%20imagecreatefromjpeg(uploads/undefined) %20%5B%3Ca%20href= "

创建上传文件夹时出错。

我是phonegap的新手。

我想开发一个应用程序，我希望用户上传图像，然后他可以通过选择图像区域来裁剪图像。所以请告诉我它是如何在phonegap中实现的。

Js 插件无法在移动设备上运行。

请检查以下图片以了解我到底想要什么。 http://media.tumblr.com/df0529ed63155df0c7fff5d816a0f9ad/tumblr_inline_msopy8ONJY1qz4rgp.jpg

我正在使用一个 jquery 插件来预览裁剪图像。问题是当我上传图像时，它会显示全长为 1280 * 1024 的图像。我希望无论图像大小如何，它都以 300 * 300 的固定长度显示。

没有给出大小的 Aspx 代码可以正常工作：

jquery是：

上面的代码对我来说很好。它显示正确的预览和正确的裁剪图像。但是当我为下面的图像提供固定尺寸时，它会显示正确的预览，但裁剪图像不正确。

当我给它提供固定大小时，没有正确裁剪图像： 给定大小的 Aspx 代码不适用于裁剪图像：

请向我推荐解决方案，以便完美裁剪图像。

我用来链接两个或多个选择输入的黄色标记中的这个脚本，如果下面的代码（绿色标记）在那里，它将不起作用。我用于imageareaselect（裁剪图像）的绿色标记，如果页脚中的银色代码在那里，它将不起作用。我用于日期选择器的页脚中的那个。有什么解决办法吗？

图片在这里：

我将 imgAreaSelect 用于一组图像，用户可以通过单击 < 和 > 箭头来切换。当它只是一个图像时，我能够让插件在我的模态窗口中完美运行，但是在处理动态设置<img id="image">属性时，它不再喜欢我的 css。

这是插件应该如何工作的 jsfiddle，但只有一个图像：http: //jsfiddle.net/B83Ck/ imgAreaSelect 插件直接应用于图像，没有问题。

不幸的是，这不适用于我用来在图像之间切换的 JS，如下一个 jsfiddle 所示。相反，我想我会尝试将 imgAreaSelect 应用于图像所在的块元素：http: //jsfiddle.net/8yz4t/ 它在选择时看起来很棒，但如果你上下滚动，你会注意到选择模态移动时，区域保持固定。此外，当您关闭模式时，选择仍然可见。

所以我现在在这里。我阅读了一些关于添加parent: '#parentblock'到我的 imgAreaSelect 实例的内容，您可以在这个 jsfiddle 中看到：http: //jsfiddle.net/H4hEx/ 这具有我需要的滚动和关闭功能，但它不会显示在图像本身上. 有点偏题了 有什么建议么？

imgAreaSelect 插件有一点问题。这是我所做的示例。http://jsfiddle.net/H4hEx/19/

但是当您关闭模态窗口并再次单击模态窗口按钮时，选择区域没有删除。那么当你关闭模态窗口时如何破坏选择呢？（即使您不单击“关闭”或“保存更改”按钮）我想我需要编写一个会破坏 x1、x2、y1、y2 的代码。这样对吗？

我尝试做的另一件事是限制选择区域。如何限制选择区域，使用户无法选择图像右侧的白框？

在 jQuery 中使用 imgAreaSelect 时无法清理旧数据“选择”

在具有不同感兴趣区域选择的同一图像上多次运行上述代码。选择坐标不会清除旧值，并会在每组发布其显示警报窗口时。

请建议清除旧值的方法

我一直在研究标记图像的代码。我在代码中遇到的问题是，当我开始标记图像时，图像上会出现一个叠加层，但叠加层的位置并不完全位于图像之上。

我尝试将位置设置为相对和绝对，但仍然出现问题。

我在下面附上了Jfiddle：

jsfiddle.net

如果您看到代码，则图像存在于 imgarea 中，并且 CSS 属性为：

在 image-select-area -overlay 中：

下图显示了我面临的问题

如果您看到图片，则叠加层（模糊叠加层）并不完全位于图像上方，而且它会将图像置于屏幕的最左侧。

有人可以帮我解决这个问题，以修复图像的这个位置及其上的叠加层。