web-dev-qa-db-ja.com

iPhone、ある画像を別の画像にオーバーレイして、保存する新しい画像を作成するにはどうすればよいですか？ （透かし）

基本的には、ユーザーが自分のフォトライブラリから選択した画像を取得して、右下にアプリ名のある三角形の透かしを入れたいと思います。 photoshopで2番目の画像を透明レイヤーで作成しました。

正確な名前を思い出せない関数を試しましたが、CGIImagesとマスクが関係していました。これは2つの画像を結合しますが、マスクとして、透明レイヤーがある場所で画像を暗くし、画像自体はマージされず、マスクされただけです。

画面に画像を表示せずに、透かし画像を別の画像とマージしてUIImageを作成するにはどうすればよいですか？

ありがとうございました。

iphonexcodeuiimageviewoverlaywatermark
26
SolidSnake4444

とても簡単です：

UIImage *backgroundImage = [UIImage imageNamed:@"image.png"];
UIImage *watermarkImage = [UIImage imageNamed:@"watermark.png"];

UIGraphicsBeginImageContext(backgroundImage.size);
[backgroundImage drawInRect:CGRectMake(0, 0, backgroundImage.size.width, backgroundImage.size.height)];
[watermarkImage drawInRect:CGRectMake(backgroundImage.size.width - watermarkImage.size.width, backgroundImage.size.height - watermarkImage.size.height, watermarkImage.size.width, watermarkImage.size.height)];
UIImage *result = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

背景と透かしを同じサイズにしたい場合は、このコードを使用してください

...
[backgroundImage drawInRect:CGRectMake(0, 0, backgroundImage.size.width, backgroundImage.size.height)];
[watermarkImage drawInRect:CGRectMake(0, 0, backgroundImage.size.width, backgroundImage.size.height)];
...
82
omz

omzによって提供されるソリューションはSwiftでも機能します。

let backgroundImage = UIImage(named: "image.png")
let watermarkImage = UIImage(named: "watermark.png")

UIGraphicsBeginImageContextWithOptions(backgroundImage.size, false, 0.0)
backgroundImage.drawInRect(CGRect(0.0, 0.0, backgroundImage.size.width, backgroundImage.size.height))
watermarkImage.drawInRect(CGRect(backgroundImage.size.width - watermarkImage.size.width, backgroundImage.size.height - watermarkImage.size.height, watermarkImage.size.width, watermarkImage.size.height))
let result = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
11
CodeMonkey

Swift 4

                    let backgroundImage = imageData!
                    let watermarkImage = #imageLiteral(resourceName: "jodi_url_icon")

                    UIGraphicsBeginImageContextWithOptions(backgroundImage.size, false, 0.0)
                    backgroundImage.draw(in: CGRect(x: 0.0, y: 0.0, width: backgroundImage.size.width, height: backgroundImage.size.height))
                    watermarkImage.draw(in: CGRect(x: 10, y: 10, width: watermarkImage.size.width, height: backgroundImage.size.height - 40))

                    let result = UIGraphicsGetImageFromCurrentImageContext()
                    UIGraphicsEndImageContext()
                    self.imgaeView.image = result

テストされた結果をUIImageViewに使用します。

1
Sachin Rasane

この方法は非常に動的で、2番目の画像の開始位置と画像の合計サイズを指定できます。

-(UIImage *) addImageToImage:(UIImage *)img withImage2:(UIImage *)img2 andRect:(CGRect)cropRect withImageWidth:(int) width{

    CGSize size = CGSizeMake(width,40);
    UIGraphicsBeginImageContext(size);

    CGPoint pointImg1 = CGPointMake(0,0);
    [img drawAtPoint:pointImg1];

    CGPoint pointImg2 = cropRect.Origin;
    [img2 drawAtPoint: pointImg2];

    UIImage* result = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return result;

}
1
Parvez Belim