问题标签 [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.

0 投票
1 回答
2052 浏览

codeigniter - Codeigniter 调整大小和裁剪图像

我需要调整图像大小以适合 64x64 缩略图。我在做什么?我将调整宽度和高度设置为 64 像素。如果我设置 $config['maintain_ratio'] = false,图像会失去比例。我做了什么:我设置 $config['maintain_ratio'] = TRUE; 和 $config['master_dim'] = 'width'; 现在宽度始终为 64 像素,但高度更大。我必须以某种方式将图像高度从底部裁剪为 64px。我怎样才能做到这一点?我尝试设置裁剪功能,但失败了。也许还有另一种解决方案...我的调整大小功能

}

0 投票
1 回答
500 浏览

android - 如何在android的图像视图中裁剪位图并在下一个活动中显示它?

我想裁剪bitmap我在图像视图中设置的Linearayout. 我正在使用此代码。什么是裁剪代码"cropimage"

0 投票
1 回答
2128 浏览

jquery - 通过调整图像 url 将图像裁剪为正确大小

我正在尝试将 Lazyload 图像裁剪为正确的大小。所以我有下面给出的简单 jquery 插件,它可以通过调整图像 url 来调整和裁剪图像以正确大小。此 jQuery 代码自动将图像裁剪为正确的大小。但是当我使用 Lazyload 插件加载图像时,脚本无法裁剪图像。

JS:

HTML:小提琴: http: //jsfiddle.net/kh5btqyu/3/(没有延迟加载)

Lazyload HTML:小提琴: http: //jsfiddle.net/v2fud3a4/4/ (无法裁剪)

实际上,当我们将图像src <img src=""/>更改为data-src <img data-src=""/>并且当我们向下滚动页面时,Lazyload 插件会起作用,当图像获取窗口视口时,它将替换图像链接<img data-src=""/><img data-src="" src=""/>然后图像将可见。

所以我的图像裁剪插件无法找到图像scr链接。因为对于 Lazyload 插件,我们有<img data-src="" src=""/>链接。另一个原因是我的图像裁剪插件在页面加载后运行,但是当我们向下滚动页面和图像获取窗口视图时,Lazyload 会在窗口视口上加载图像。

我的问题是有什么方法可以运行我的图像裁剪插件,当延迟加载插件替换图像链接<img data-src=""/>到时<img data-src="" src=""/>,意味着我的裁剪插件在延迟加载插件加载图像时运行。

谢谢。

0 投票
2 回答
814 浏览

jquery - 可以裁剪外部图像的jQuery插件

我正在尝试将 Lazyload 图像裁剪为正确的大小。我有下面给出的简单 jquery 插件,它可以通过调整图像 url 来调整图像大小和裁剪图像以正确大小。在 Lazyload 插件加载图像后,此 jQuery 代码会自动将图像裁剪为正确的大小。但它不能裁剪所有图像,它只裁剪所有图像中的一个。

小提琴: http: //jsfiddle.net/e0myc0po/4/
看到它只裁剪了 3 号图像!

JS:

外部资源https ://cdnjs.cloudflare.com/ajax/libs/jquery.lazyloadxt/1.0.5/jquery.lazyloadxt.js

HTML:

所以我的问题是为什么它不裁剪所有图像,解决方案是什么?
谢谢。

0 投票
1 回答
468 浏览

c - 在c中使用opencv裁剪图像

我想从图像的各个方面裁剪 1 个像素。我的代码在某些边距中运行良好,但在某些边距中运行不佳(例如 widthleft=widthright=heightup=heightdown=1)。我应该使用 C 而不是 C++。

我用其他方法和任务扫描索引,比如但不起作用。

非常感谢

0 投票
1 回答
845 浏览

jquery - 延迟加载图像后调用重新调整大小功能

我试图在延迟加载图像后调用重新调整大小功能。我有下面给出的简单 jquery 插件,它可以通过调整图像 url 来调整图像大小和裁剪图像以正确大小。

裁剪 JS:

HTLM:

onload当LazyloadXT插件成功加载元素时调用的处理程序。但它无法调用我的 jquery Image Crop 插件。见小提琴:http: //jsfiddle.net/e0myc0po/12/

我的问题是为什么它不工作或图像裁剪插件不工作?图像应裁剪为 200X150 Px,但仍为 500x500 Px(原始尺寸)。

谢谢。

0 投票
1 回答
1001 浏览

jquery - 加载此 jquery 插件后删除特定类

我正在尝试.lazy-hidden从元素(图像)中删除类。我有下面给出的简单 jquery 插件,它可以通过调整图像 url 来调整图像大小和裁剪图像以正确大小。所以它在 LazyloadXT 加载图像后调用重新调整大小功能。问题是图像已加载和裁剪,但无法.lazy-hidden从元素中删除类,它是opacity=0. 小提琴>>

作物Js:

onload当LazyloadXT插件成功加载元素时调用的处理程序。

HTLM:

CSS:

图片已加载并裁剪,但 LazyLoadXT插件无法删除.lazy-hidden

请不要将 css: 更改.lazy-hidden {opacity: 0;}.lazy-hidden {opacity: 1;}
我正在尝试删除.lazy-hidden课程。
我的尝试(无效):

有什么建议吗?谢谢。

0 投票
0 回答
177 浏览

android - 如何在 Android 中限制裁剪图像大小?

我需要设置最大和最小 x,y 大小和矩形裁剪区域。

可能吗?如果是,该怎么做?

裁剪方法在正常使用时效果很好,但不是自定义的,它只裁剪,我不能限制裁剪大小

如何设置最小和最大裁剪尺寸?我使用的方法是:

0 投票
1 回答
396 浏览

image - 如何使用 wp_image_editor 从中心裁剪图像

我正在开发 WordPress 插件。在插件中,用户从元字段上传图像,在后端我使用 wp_image_editor 裁剪和调整图像大小。图像的大小调整得很好,但在裁剪图像时裁剪得不是很好。我给 x 维度 100 和 y 维度 0。

我想从 x 维度中心和 y 维度中心裁剪图像。我试过了,但它不起作用

我怎样才能做到这一点。有什么解决办法

0 投票
2 回答
317 浏览

php - 在 wordpress 中裁剪、调整大小和将图像从一个文件夹保存到另一个文件夹

我正在为我多年前开发的 WordPress 插件添加升级。这个插件只是一个产品目录,所以只显示产品及其图像。产品可以有多个图像。

我正在通过 CSS 重新调整旧版本插件中的图像大小,为它们分配宽度和高度。这是有效的,但图像看起来很拉伸,但用户很高兴。现在我在插件中添加了一个新功能,即从上传的图像中裁剪和重新调整大小,并以不同的名称保存,例如 thumbnail.jpg。新功能对于上传图片的新用户来说效果显着,但对于升级到新版本的老用户来说,这个功能非常有效。

问题是老用户已经拥有产品和图像。当我尝试通过foreach循环获取所有产品和图像时,它在 200 - 250 张图像上完美运行,但在超过 250 张图像上中断 - 没有错误:(

我的许多老用户都有 600 多张图像,所以我想要一种方法来裁剪和重新调整现有图像的大小,并用新名称保存它们并将文件名保存在数据库中。

我正在使用 wordpress 的默认wp_get_image_editor();功能。

这是我获取具有图像的旧产品的查询:

这是我的foreach循环(我正在使用两个循环。第一个是获取具有图像的产品,第二个循环是从每个帖子中获取图像,正如我之前在我的问题中提到的那样,产品可以有多个图像.所以必须使用两个循环)