标签: crop

我正在寻找创建100px×100px维度的缩略图.我已经看过许多文章解释这些方法,但如果要保持尺寸比,大多数文章最终会有宽度!=高度.

例如,我有一个450像素×350像素的图像.我想通过100px裁剪到100px.如果我保持这个比例,我最终会得到100px到77px.当我将这些图像列在行和列中时,这会让它变得难看.然而,没有尺寸比的图像看起来也很糟糕.

我看过flickr的图像,看起来很棒.例如:
缩略图:http://farm1.static.flickr.com/23/32608803_29470dfeeb_s.jpg
中等大小:http://farm1.static.flickr.com/23/32608803_29470dfeeb.jpg
大尺寸:HTTP:// farm1 .static.flickr.com/23/32608803_29470dfeeb_b.jpg

TKS

我正在解析一个网站,以显示URL中的内容,因为有些图像在那里.我想裁剪从网站解析的图像.我真的很挣扎,有人可以帮我解决这个问题吗？

所以我有一个使用Paperclip的Rails 3应用程序来裁剪图像.

我在Photo的模型中有这个代码:

 has_attached_file :thumbnail, PAPERCLIP_OPTIONS.merge(
    :styles => {:cropped => '300x250#'})

生成的图像会生成一个300x250的图像,然而作物似乎总是在图像顶部以下50px左右开始(当它切断人们头顶时社交网络不是一件好事).

我做了一些研究,我想我需要提供一个:convert_options键,它与:cropped样式一致.但是,我不确切知道要设置哪些选项(-gravity,-region等)

任何人都有任何想法.我知道有Imagemagick专业人士; 我不是一个,哈哈.

谢谢!

更新:我找到了这个链接.. http://forrst.com/posts/Customized_Cropping_with_Paperclip-7g6

这仍然有效还是有人有更简单的方法？

我正在尝试使用iPhone上的相机胶卷中的图像为自定义样式UIButton创建图像.该按钮具有圆形背景并有效地显示为圆形.现在我需要一个图像进入按钮的中间,该图像也显示为圆形.

如何在圆形区域外切割方形UIImage以显示圆形？

如果涉及到屏蔽,我是否需要预先渲染一个掩码,或者我可以以编程方式创建一个(例如:一个圆圈)？

谢谢!

我被困在我的应用程序功能中.我想要裁剪功能类似于Cam Scanner Cropping.CAM-SCANNER的屏幕是:我创建了类似的裁剪视图.

我已经获得了四角的CGPoint.但是我怎样才能获得倾斜的裁剪图像.

如果可能的话,请给我一些建议.

我想裁剪捕获/选定图像并将其上传到服务器.

我面临的问题:裁剪图像后我没有获得裁剪图像的实际路径.我已经在下面完成了我的代码.我正确裁剪图像也一切正常,但imageview不显示原始图像而不是裁剪图像.

但是,当我在Bitmap photo = extras.getParcelable("data");内部获取位图时, onActivityResult()我会在imageview中显示裁剪图像.但是无法获得该裁剪图像的绝对路径.

任何人都可以指导我缺乏的地方.我试过很多SO链接,但无法得到我的问题的确切解决方案.

这是我的代码:

public class MainActivity extends Activity {
    private Uri mImageCaptureUri;
    private ImageView mImageView;

    private static final int PICK_FROM_CAMERA = 1;
    private static final int CROP_FROM_CAMERA = 2;
    private static final int PICK_FROM_FILE = 3;

    private String selectedImagePath = "";
    boolean GallaryPhotoSelected = false;

    public static String Finalmedia = "";

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        final String[] items = new String[] { "Take from camera",
                "Select from …

我正在尝试按照心形裁剪或调整图像.用户可以根据心形调整图像,并将图像设置为心形.

目前,我正在使用Github项目库将图像裁剪为正方形并设置为心形.但是所有的图像都是从心脏弯曲的顶端切割出来的.所以,我希望允许用户按照心脏边界裁剪图像,然后设置用户想要的方式.但是没有任何我可以自定义或使用的库.

这是我从github项目上面使用的当前代码.

1. 要打开相机和图库:

   CropImage.activity().setGuidelines(CropImageView.Guidelines.ON).start(this);

2. 获取裁剪图像并设置为ImageHeart视图.

   CropImage.ActivityResult result = CropImage.getActivityResult(data);
   picUri = result.getUri();
   bitmap = MediaStore.Images.Media.getBitmap(this.getContentResolver(),picUri);
   imvHeartRed.setImageBitmap(位图);

这是我使用方形裁剪裁剪玻璃的图像,但设置全玻璃图像时不会出现.但是如果用户使用心形来裁剪它,那么将显示全玻璃,因为用户将知道图像的哪个部分将被裁剪.

任何帮助,参考将非常感谢.

我不想直接在心里设置图像,但用户可以通过触摸/移动来调整心脏图像

我正在研究一些简单的壁纸应用程序,我有一些图像.它们是可绘制文件夹中的.png文件.

以下是一些代码段:

WallpaperManager myWallpaperManager = WallpaperManager.getInstance(getApplicationContext()); 
....
myWallpaperManager.setResource(R.drawable.image1);

无论我使用什么尺寸或分辨率,当设置壁纸时,它会裁剪原始图像.当我使用相同的图像作为背景时,它是正确的大小并显示整个图像.我认为这可能是我的模拟器的问题,所以我尝试在实际设备(HTC eris)上运行它,我遇到了同样的问题.我已经将图像设置为eris的屏幕尺寸和分辨率,它仍在裁剪它.然后我使图像只有一英寸高,分辨率为100 dpi.在eris上它是非常像素化的,但仍然裁剪图像.

任何帮助将不胜感激.

我试图添加一些图像来显示之前和之后,但作为一个新用户,我被禁止这样做.

我遇到了openCv IplImage裁剪的问题.假设tmp和img都是IplImage*.使用代码:

printf("Orig dimensions: %dx%d\n", img->width, img->height);
cvSetImageROI(img, cvRect(0, 0,500,500));
tmp = cvCreateImage(cvGetSize(img),img->depth,img->nChannels);
cvCopy(img, tmp, NULL);
cvResetImageROI(img);
img = cvCloneImage(tmp);
printf("Orig dimensions after crop: %dx%d\n", tmp->width, tmp->height);

当我使用上面的cvRect时,我会得到一个像预期的那样裁剪尺寸为500 x500的图像,但是当我使用rect(400,400,500,500)时,我会得到尺寸为500 X 320的图像.

我想在这里做的是在Dropzone.js将丢弃的图像发送到服务器之前,使用cropper.js(fengyuanchen脚本)出现一个模态,这样用户就可以裁剪图像,当裁剪图像时,使用Dropzone.js发送它到服务器.

因此,当我使用函数fileToBase64更改#cropbox的图像src并使用函数cropper('replace')替换cropper的图像时,它会一直显示default.jpg图像,而不是从用户上传的新图像

HTML

<div class="wrapper-crop-box">
    <div class="crop-box">
        <img src="default.jpg" alt="Cropbox" id="cropbox">
    </div>
</div>

JS:

function fileToBase64(file) {
  var preview = document.querySelector('.crop-box img');
  var reader  = new FileReader();

  reader.onloadend = function () {
    preview.src = reader.result;
  }

  if (file) {
    reader.readAsDataURL(file);
  } else {
    preview.src = "";
  }
}

$(function() {
    Dropzone.options.avtDropzone = {
        acceptedFiles: 'image/*',
        autoProcessQueue: true,
        paramName: 'file',
        maxFilesize: 2,
        maxFiles: 1,
        thumbnailWidth: 200,
        thumbnailHeight: 200,
        accept: function(file, done) {
            fileToBase64(file); 
            $('#cropbox').cropper('replace', $('#cropbox').attr('src'));
            $('.wrapper-crop-box').fadeIn();
            done();
        },
        init: function() { …