首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何获得图像裁剪的坐标

如何获得图像裁剪的坐标
EN

Stack Overflow用户
提问于 2012-09-17 21:38:23
回答 1查看 77关注 0票数 0

我正在尝试实现YUI图像裁剪。我对Javascript几乎一无所知--所以显然我很难理解它是如何工作的。谁能指出我在正确的方向,能够抓住图像的裁剪区域的坐标,以便我可以通过这些PHP脚本做裁剪之前,将图像保存到文件。到目前为止,我得到了我想要裁剪的图像以及裁剪区域,我可以拖动和使用手柄来使其变大和变小:

代码语言:javascript
运行
AI代码解释
复制
<script>
// Create a YUI sandbox on your page.
YUI().use('node', 'event', function (Y) {
// The Node and Event modules are loaded and ready to use.

var imgCrop = new YAHOO.widget.ImageCropper('crop1',
 { 
           minHeight: 100,
           minWidth: 200,
           initHeight: 100,
           initWidth: 200
        });

        var cropArea = imgCrop.getCropCoords();

});
</script>

<?php

<img src='$approve' id='crop1' />

?>

任何技巧和指针都将非常感谢,因为使用YUI被证明是困难的。谢谢

EN

回答 1

Stack Overflow用户

发布于 2012-09-17 22:01:05

首先,您可以使用PHP裁剪图像,那么为什么还要费心去处理一种您不熟悉的语言呢?

其次,你裁剪图像的目的是什么?缩略图?

这里有一个你可能从中受益的例子。这将创建原始图像的100x100 (调整大小和裁剪)缩略图。

代码语言:javascript
运行
AI代码解释
复制
if(preg_match('/[.](jpg)$/', $tfile)) {
    $image = imagecreatefromjpeg($ufile);
} else if (preg_match('/[.](gif)$/', $tfile)) {
    $image = imagecreatefromgif($ufile);
} else if (preg_match('/[.](png)$/', $tfile)) {
    $image = imagecreatefrompng($ufile);
}
$oldx = imagesx($image);
$oldy = imagesy($image);
if ($oldx > $oldy) {
    $offx = ($oldx-$oldy)/2;
    $offy = 0;
    $oldx = $oldy;
} elseif ($oldy > $oldx) {
    $offx = 0;
    $offy = ($oldy-$oldx)/2;
    $oldy = $oldx;
} else {
    $offx = 0;
    $offy = 0;
}
$newim = imagecreatetruecolor(100, 100);
imagecopyresampled($newim, $image, 0, 0, $offx, $offy, 100, 100, $oldx, $oldy);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12467480

复制
相关文章
图像裁剪
PNG (460, 460) RGB {'srgb': 0, 'gamma': 0.45455, 'dpi': (96, 96)} None
裴来凡
2022/05/29
1.8K0
图像裁剪
图像随机裁剪
算法:图像随机裁剪是从1张图像随机裁剪200张图像,裁剪出图像的大小为 60x60,IoU大于等于th=0.5的裁剪框用红色标出,其它裁剪框用蓝色标出,IoU比对原始区域用绿框标出。
裴来凡
2022/05/29
1.6K0
图像随机裁剪
图像任意裁剪
算法:图像任意裁剪是将图像裁剪成若干任意大小图像。 文献:LHL, 李红林. (2011). 基于投影法实现矩形窗口的任意曲线裁剪 random clipping of curves in rectangular windows based on the projection method. 云南民族大学学报:自然科学版, 20(2). Kurtz, B. D. , & Claiborne, S. J. . (1999). Efficient method for clipping numerous objects against an arbitrary clipping path. US. 链接:https://www.gaitubao.com/
裴来凡
2022/05/29
2.2K0
图像任意裁剪
如何获得白色背景产品5--手动裁剪产品
手工剪裁的产品可以称为传统的获取白色背景的方式。您可以使用Photoshop及其各种工具(如磁性套索或钢笔)来勾勒产品的轮廓,将产品整体抠出来,然后更换想要的背景,例如纯白色。
ORBITVU_欧保图
2023/04/17
6900
如何获得白色背景产品5--手动裁剪产品
Arcgis中图像裁剪
使用arcmap对数据进行剪裁,Arcgis中的裁剪分为很多种,有矢量裁剪矢量,矢量裁剪栅格,栅格裁剪栅格。本文主要操作,掩膜裁剪(矢量裁剪栅格)和clip 裁剪。
Twcat_tree
2023/01/18
2.5K0
几何变换--图像裁剪
几何变换包括:缩放、旋转、平移等。这些变换一般用于校正图像处理引起的空间失真,或者通过将图像配准到一个预定义的坐标系统中用于规范化该图像(例如,将一幅航拍图像配准到一个特定的地图投影中,或者在立体视觉中对两幅互相配对的图像进行整形,使得行与外极限)。
FPGA开源工作室
2019/10/29
1.7K0
几何变换--图像裁剪
图像主体裁剪
import cv2 import numpy as np image=cv2.imread('C:/Users/xpp/Desktop/Lena.png') img=cv2.cvtColor(image,cv2.COLOR_BGR2GRAY) ret,thresh=cv2.threshold(img,230,255,cv2.THRESH_BINARY_INV) contours,hierarchy=cv2.findContours(thresh,cv2.RETR_EXTERNAL,cv2.CHAIN_
裴来凡
2022/05/29
1.4K0
图像主体裁剪
python图像处理-图片裁剪
本系列课程是针对无基础的,争取用简单明了的语言来讲解,学习前需要具备基本的电脑操作能力,准备一个已安装python环境的电脑。如果觉得好可以分享转发,有问题的地方也欢迎指出,在此先行谢过。
叶子陪你玩
2020/03/12
1.7K0
GIMP 教程:如何使用 GIMP 裁剪图像 | Linux 中国
你可能想在 GIMP 中裁剪图像的原因有很多。例如,你可能希望删除无用的边框或信息来改善图像,或者你可能希望最终图像的焦点是在一个特定细节上。
用户1880875
2021/10/11
5.3K0
jQuery 图像裁剪插件Jcrop
Jcrop简介 Jcrop 是一个功能强大的 jQuery 图像裁剪插件,结合后端程序(例如:PHP)可以快速的实现图片裁剪的功能。 Jcrop是一款免费的软件,采用MIT License发布。
静默虚空
2018/01/05
1.9K0
jQuery 图像裁剪插件Jcrop
PHP 图像居中裁剪函数
使用方法:image_center_crop(source, width, height, target);
用户8099761
2023/05/11
1.5K0
CSS 3.0中裁剪图像的特效
在有CSS 3.0之前裁剪图片实现也是颇有难度的,现在我们有了两个非常方便简单的属性可以实现裁剪,那就是object-fit和object-position,这两个属性可以让我们改变图片的大小,但是不影响图片的长宽比,利用它我们可以实现一个如下的特效。
越陌度阡
2020/11/26
1.2K0
CSS 3.0中裁剪图像的特效
如何使用几何画板画函数图像,如极坐标函数图像?
1、点击[绘图] 2、点击[网格样式] 3、点击[极坐标网格] 4、点击[绘图] 5、点击[绘制新函数] 6、点击[3] 7、点击[函数] 8、点击[cos] 9、点击[θ] 10、点击[确定] 11、点击[是]
裴来凡
2022/05/28
1.4K0
如何使用几何画板画函数图像,如极坐标函数图像?
Android获得控件在屏幕中的绝对坐标
计算该视图在全局坐标系中的x,y值,(注意这个值是要从屏幕顶端算起,也就是索包括了通知栏的高度)//获取在当前屏幕内的绝对坐标
他叫自己MR.张
2019/07/01
2.2K0
python获取图像坐标点[通俗易懂]
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/10/01
2.5K0
php图像裁剪服务器搭建
在我们的工作的项目中,有时候我们需要显示规定尺寸的图片,虽然可以通过css来控制显示大小。但是如果图片过大,会造成加载的延迟,影响网站整体性能。因此,我们需要一个服务器来帮助我们进行图片的裁剪。流程大致是,首先我们传给服务器原图像和裁剪的尺寸,然后服务器进行裁剪,生成对应的裁剪图片,下次我们再访问相同图像和相同的裁剪尺寸的时候,我们就不需要裁剪,直接进行图片的访问就行。
猿哥
2019/07/15
1.6K0
win10 uwp 获得元素绝对坐标
有时候需要获得一个元素,相对窗口的坐标,在修改他的位置可以使用。 那么 UWP 如何获得元素坐标? 我提供了一个方法,可以获得元素的坐标。
林德熙
2018/09/18
8810
win10 uwp 获得元素绝对坐标
Visio如何裁剪图片
6、点击裁剪工具后,图片即可进入裁剪模式,四周出现裁剪黑色按钮,拖动即可裁剪图片,如图所示
狼啸风云
2020/07/20
17.7K0
Visio如何裁剪图片
ArcPy依据矢量要素裁剪多张栅格图像
  本文介绍基于Python中ArcPy模块,基于矢量数据范围,对大量栅格遥感影像加以批量裁剪掩膜的方法。
疯狂学习GIS
2023/06/26
3280
ArcPy依据矢量要素裁剪多张栅格图像
点击加载更多

相似问题

旋转裁剪图像后获得新的作物坐标

12

如何获取图像的裁剪坐标

10

如何获得裁剪后的图像相对于原始图像的坐标?

118

使用图像坐标裁剪图像

20

Nodejs图像的坐标裁剪

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档