问题标签 [resize-crop]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
ios - 保存 UIImage 的缩略图将图像侧向/倒置
我正在保存 a 的缩略图UIImage
以提高UICollectionView
滚动性能。所有图像都直立保存,直到我尝试保存自下而上拍摄的全景照片(例如:高度 - 3000,宽度 - 1000)。这倒过来保存了。我拍了一张人像照片并旋转了 90 度,因为最初图像是横向的。有没有办法用一行代码将每种类型的图像设置为直立,还是我必须捕捉每种类型的照片并相应地调整它?如果是这样怎么办?
android - 如何使用裁剪选项直接打开图像
我想裁剪图像,我能够实现这一点。
我的代码是
其中fileUri
包含我要从图库中裁剪的图像路径的 URI。
使用此代码会打开一个警报以选择应用程序以选择图像,我想知道虽然我已经通过了图像路径,但为什么它要求选择应用程序以打开图像,当我选择应用程序(通过图库)时,我必须从图库中选择图像作物。
我想要一个解决方案,使用该解决方案可以使用裁剪选项打开我的图像,而不要求选择要打开的应用程序?
可能吗?请帮助我实现它...
ios - Capture and custom crop image with camera iOS
I am using UIImagePickerController
to capture the image. Now I want to crop the image. I am using cameraOverlayView
method of UIImagePicker
but it does not allow to move my cropping view. I want my cropping view should be moveable and resizable so that user can select image portion to use.
I am using the following code:
Can anyone suggest what can I do?
image-resizing - Scalr 调整大小并裁剪到大小
我想在各种不同宽度和高度的展示位置显示图像。
我正在使用 Sclar 裁剪和调整大小的方法,但我有两个问题:
- 在某些情况下,结果看起来不太好。我认为这是因为代码中的图像首先被缩放。
- 在其他情况下我得到一个例外。例如:
无效的裁剪边界:x [32]、y [-1]、宽度 [64] 和高度 [64] 都必须 >= 0
将裁剪和图像调整为某个目标宽度和高度的最佳方法是什么?
这是我目前的方法:
c# - 以特定形状剪辑图像 .NET
我的 MVC4 项目中有一个页面,用户可以使用文件上传控件添加其公司徽标。然后,这些图像/徽标会显示在移动应用程序的地图上。我们需要裁剪这些图像,使它们看起来像旗帜。
我们只需要在标志框架内获取图像的一部分,其余的就可以了。
- 可以使用 C# 中的代码来完成吗?
- 如果是,如何做到。请帮助我提供一些代码示例和链接。
- 我需要在上传的图像上显示一个标志框架,以便用户可以在该框架中调整它的图像,它想要在框架中是什么。
请向我推荐一些 API 和代码示例。
谢谢。
更新:在某些网站中,当我们上传个人资料图片时,它会在顶部给我们一个框架,我们可以移动我们选择的图像,以便所需的部分进入该框架。现在,当我们上传个人资料图片时,它会调整为该大小。我可以在这里做类似的事情吗?在上面的框架中,我可以给出一个标志形状,用户可以移动上传的图像,以获得该框架中所需的图像部分。这是正确的方法吗?我们应该怎么做?我查看了一些 jquery 代码示例,但没有帮助。
jquery - jquery图像裁剪中的确切尺寸
裁剪图像后我需要 380x156 尺寸。我正在使用这个js代码。
它默认裁剪尺寸为 198x198,但我想裁剪尺寸为 380x156 的图像。建议我根据我的要求裁剪图像的简单方法。
jquery - Fengyuanchencropper 缩放太多,图像质量下降
我从具有此配置的应用程序的 Crop Avatar 示例开始
像这样使用它我可以缩放到 1,但对于较小的图像来说太多了。例如,可以将 1200x1200 的图像以 1 的比例缩放到将其保存到 1000x1000 的级别,它会损失很多质量。我尝试将其缩小到 1 以下,$(this).cropper('zoomTo', 1);
但它会产生奇怪的效果。如果我放大很多,它会将我带到原始大小。
我的问题是如何阻止缩放到 x0.2 或合理值。谢谢
c# - 从 WPF 中的图像裁剪对角线区域
我想在画布上使用用户绘制的矩形从图像中裁剪。矩形可以移动、调整大小和旋转。
当用户选择“获取裁剪图像”时,矩形内的区域应该保存在页面上的第二个图像位置,只要矩形不旋转,我可以做得很好。(直接使用 CroppedBitmap。)但是,当矩形成一定角度时,我不知道如何进行裁剪。
这就是我想做的(原谅我糟糕的 MS Paint 技能):
我的问题是:
1)如何正确跟踪或计算矩形的点?
和,
2)一旦我有了点,我如何裁剪旋转的矩形?
编辑: 感谢用户Rotem,我相信我有第二个问题的答案。使用从以下答案修改的代码:Answer 1 , Answer 2,我看到了很好的结果。不幸的是,我仍然无法跟踪矩形的正确位置点,所以我还不能完全测试它。
编辑: 第一点的答案比我最初想象的要容易得多。你总是可以通过调用来获得矩形的左上角——
然后,您可以使用宽度和高度来计算其余的点——</p>
如果您的矩形是旋转的,那么您必须平移这些点以确定它们在画布上的真正位置——</p>
一旦你能够翻译左上角,你就可以使用 Rotem 的裁剪方法。您还可以计算矩形其余部分的位置,因此您可以确定矩形是否在图像的边界内,是否接触边缘,或者您可能想要做的任何其他事情位置。
php - 图像裁剪模式不出现
我正在使用Croppic裁剪图像。我的屏幕消失了,但没有出现模态敌人。
javascript - 通过表单传递base64编码的图像
我正在使用图像编辑工具供用户上传他们的图像并进行调整: http: //foliotek.github.io/Croppie/
我可以通过几个函数发送base64字符串来缩短它。然后我试图将其插入隐藏字段并提交表单。
我知道字符串很长,但我想不出任何其他方法来做到这一点。我还看到了建议通过 ajax 提交表单的答案,但这似乎有同样的陷阱。这实际上可以在桌面浏览器上正常工作。有问题的是手机。我可以将图像的尺寸限制在 3000x3000 以下,但不幸的是,手机似乎拍摄了更高质量的照片。
我正在使用的工具 Croppie 可以获取数据点和缩放,但不能获取方向。如果有办法保存这些数据,或者使用 base64 数据,然后重新渲染图像,并以某种方式使用该图像以便图像实际通过,那就太好了。如果有一个我可以仅用于移动设备的解决方案,那也可以,因为它在桌面上运行良好。