jCrop 中的图像失真问题

     2023-02-25     163

关键词:

【中文标题】jCrop 中的图像失真问题【英文标题】:image distortion issue in jCrop 【发布时间】:2012-02-24 08:26:57 【问题描述】:

html 源代码:

这很奇怪。我在加载图像时调用jCrop函数,我确信jCrop可以得到图像的真实宽度和高度,但结果是图像失真。

有人遇到这个错误吗?

【问题讨论】:

您是否在原始图像上使用自定义宽度和高度?此外,我们需要查看您的 html 和 javascript。如果它们很大,请使用gist.github.com @Computer Linguist,我终于找到了重点,我的css中img标签设置为“max-width:100%”。我删除它,然后一切正常。 【参考方案1】:

我终于找到了关键点,我的css中img标签设置为“max-width:100%”。我删除它,然后一切正常

【讨论】:

如果您的应用是响应式的,这将无济于事。 max-width: 100% 是在这种情况下所有动态宽度图像的值。想知道在这些情况下这是否会杀死 Jcrop...【参考方案2】:

我参加聚会有点晚了,但正在解决这个问题。这是一个选择器错误。您可以在此处获取带有修复程序的分支(尚未正式发布)

https://github.com/tapmodo/Jcrop/pull/75

【讨论】:

如果你的应用是响应式的,你需要最大宽度:100%。所有这些修复都会覆盖它。在我看来,这并不是一个真正的解决方案。

Jcrop - 弹出窗口中图像尺寸较小的问题

...布时间】:2018-01-0211:55:00【问题描述】:Jcrop在弹出窗口中的小图像尺寸存在一些问题。实际上我正在使用JCrop来裁剪图像。此外,图像显示弹出。所以问题是在弹出窗口中图像的大小太小了。我希望该图像较大。以便用户可以... 查看详情

使用 Jcrop 和 Imagemagick 裁剪图像

...:2015-03-1700:24:38【问题描述】:我对-crop函数在Imagemagick中的工作方式感到困惑。我有以下来自Jcrop的值。(x1,y1),(x2,y2),widthandheight.以下命令:exec("convert$target_path-crop".$w." 查看详情

如果调整图像大小,Jcrop 问题 - Jquery

】如果调整图像大小,Jcrop问题-Jquery【英文标题】:Jcropissueifimageisresized-Jquery【发布时间】:2014-10-3000:06:37【问题描述】:我正在使用JqueryUI来调整图像大小。因此,如果有任何图像,那么用户可以使用JQueryUI调整图像大小,然... 查看详情

如何在opencv中使用python语言清理图像中的线条并确保图像不失真

】如何在opencv中使用python语言清理图像中的线条并确保图像不失真【英文标题】:Howtocleanlinesinimageandmakesureimageisnotdistortedusingpythonlanguageinopencv【发布时间】:2021-06-0522:49:28【问题描述】:如何清除图像上的线条并确保图像不失... 查看详情

图像旋转和 Jcrop.js

】图像旋转和Jcrop.js【英文标题】:ImagerotationandJcrop.js【发布时间】:2013-10-0816:58:52【问题描述】:我需要先旋转图像,然后调用Jcrop来旋转图像。问题是,如果我在调用Jcrop时使用css属性或类似属性旋转图像,则旋转图像总是使... 查看详情

使用 JCrop 保存裁剪的图像

】使用JCrop保存裁剪的图像【英文标题】:savecroppedimageusingJCrop【发布时间】:2013-10-0811:05:07【问题描述】:我正在使用jcrop裁剪图像。我在保存之前显示裁剪图像的预览,如thisdemopage现在我想保存这个裁剪的图像。所以,我的问... 查看详情

Android中的相机,如何获得最佳尺寸,预览尺寸,图片尺寸,视图尺寸,图像失真

】Android中的相机,如何获得最佳尺寸,预览尺寸,图片尺寸,视图尺寸,图像失真【英文标题】:CamerainAndroid,howtogetbestsize,previewsize,picturesize,viewsize,imagedistorted【发布时间】:2014-03-0706:20:17【问题描述】:在使用takepicture方法时... 查看详情

作物上的Jcrop + Canvas透明图像问题

】作物上的Jcrop+Canvas透明图像问题【英文标题】:Jcrop+CanvasTransparentImageIssueOnCrop【发布时间】:2013-03-1418:41:25【问题描述】:目前我们在我们的项目中仅使用Javascript+jQuery,我们正在尝试将最终图像从jCrop转换为base64,以便在HTML... 查看详情

Jcrop 和 IE 问题以及动态添加的图像

】Jcrop和IE问题以及动态添加的图像【英文标题】:IssuewithJcropandIEanddynamicallyaddedimage【发布时间】:2012-12-0408:59:15【问题描述】:我正在向页面添加图像,然后在其上使用JCrop,但它似乎在IE8中不起作用,除非我在$img.show()和JCrop... 查看详情

在 OpenCV (Python) 中使用校正失真裁剪图像

...】:2016-12-1418:53:25【问题描述】:我一直在寻找其他帖子中的回复,并尝试了几种方法来获得它,但我找不到任何解决我的问题的方法。我正在尝试纠正图像中的光学失真并且我得到了它,但现在我想裁剪我的图像以删除结果图... 查看详情

jcrop 在模态对话框中显示图像以解决裁剪大小问题

】jcrop在模态对话框中显示图像以解决裁剪大小问题【英文标题】:jcropshowimageinmodaldialogforcroppingsizeissue【发布时间】:2015-04-2909:15:15【问题描述】:我在模态对话框中显示用户上传的图像。在此图像上,我正在初始化JCrop以裁剪... 查看详情

Jcrop 图像干预 Laravel 5

】Jcrop图像干预Laravel5【英文标题】:JcropImageInterventionLaravel5【发布时间】:2017-07-2107:44:22【问题描述】:我正在使用图像干预和jcrop在laravel中裁剪和调整图像大小,但是遇到了问题。我认为的问题是,当我根据选择保存文件的... 查看详情

使用 JCrop 时更改图像

】使用JCrop时更改图像【英文标题】:ChangeanImagewhileusingJCrop【发布时间】:2010-05-0418:23:22【问题描述】:我正在我的网站上开发一项新功能,但我遇到了非常糟糕的问题。我显然使用JCrop在我的网站上裁剪图像。我被要求实现的... 查看详情

如何使用 JCrop 获得响应式图像

】如何使用JCrop获得响应式图像【英文标题】:HowtogetresponsiveimagesworkingwithJCrop【发布时间】:2014-12-1404:09:31【问题描述】:我看到了一些解决方案,其中使用truesize属性让JCrop正确处理响应式图像。但是,在使用JCrop时,我很难让... 查看详情

opencv中的相机失真内外参不失真图像相机校准(代码片段)

OpenCV中的相机失真、内外参、不失真图像、相机校准1.效果图2.原理2.1相机校准2.2用到的方法3.源码参考这篇博客将介绍相机的失真、相机的内在和外在参数等,并学习找到这些参数,不失真图像,并进行相机校准、立... 查看详情

JCrop 与下载的动态图像集成

】JCrop与下载的动态图像集成【英文标题】:JCropintegrationwithdynamicimagedowloaded【发布时间】:2013-05-3111:29:43【问题描述】:我正在尝试将JCrop集成到引导模式中。尽管有这些细节,但问题似乎在于图像正在“动态”下载。我的意思... 查看详情

Rails:使用 Jcrop 和回形针裁剪图像后出现重定向问题

】Rails:使用Jcrop和回形针裁剪图像后出现重定向问题【英文标题】:Rails:HavingissuesredirectingaftercroppingimagewithJcrop&paperclip【发布时间】:2013-05-1613:50:51【问题描述】:我正在尝试为Paperclip实现Jcrop,我已经完成了99%。我能够裁... 查看详情

JCrop 无法正确裁剪图像

】JCrop无法正确裁剪图像【英文标题】:JCropnotcroppingimageproperly【发布时间】:2016-01-0721:43:03【问题描述】:我正在尝试使用JCrop裁剪图像,但是我保存到服务器上的图像是倾斜的。我似乎无法让尺寸正常工作。这是我的JCrop代码... 查看详情