範囲外のUIImageをぼかします（Photoshopスタイル）

Question

私はPhotoshopモックアップを複製するUIImageでガウスのぼかしを実行しようとしています。

所望の行動：Photoshopで 、Iは、ガウスぼかしフィルタを実行すると、画像層はぼやけたエッジの結果として大きくなります。

観測された動作： GPUImageを使用すると、UIImagesを正常にぼかすことができます。ただし、新しいイメージは元の境界で切り取られ、ハードエッジが残っています。

設定UIImageView.layer.masksToBounds = NO;は、画像がビューではなく切り取られるので、助けになりません。

また、ぼかし、サイズ変更する前に、UIImageをよりクリアな画像の中央に配置してみました。これも役に立たなかった。

この「Photoshopスタイル」のぼかしを実現する方法はありますか？

UPDATE作業溶液ブラッド・ラーソンの感謝：

UIImage sourceImage = ... 
GPUImagePicture *imageSource = [[GPUImagePicture alloc] initWithImage:sourceImage]; 
GPUImageTransformFilter *transformFilter = [GPUImageTransformFilter new]; 
GPUImageFastBlurFilter *blurFilter = [GPUImageFastBlurFilter new]; 

//Force processing at scale factor 1.4 and affine scale with scale factor 1/1.4 = 0.7 
[transformFilter forceProcessingAtSize:CGSizeMake(SOURCE_WIDTH * 1.4, SOURCE_WIDTH * 1.4)]; 
[transformFilter setAffineTransform:CGAffineTransformMakeScale(0.7, 0.7)]; 

//Setup desired blur filter   
[blurFilter setBlurSize:3.0f]; 
[blurFilter setBlurPasses:20]; 

//Chain Image->Transform->Blur->Output   
[imageSource addTarget:transformFilter]; 
[transformFilter addTarget:blurFilter]; 
[imageSource processImage]; 

UIImage *blurredImage = [blurFilter imageFromCurrentlyProcessedOutputWithOrientation:UIImageOrientationUp]; 

Answer 1

GPUImageは、画像の制限まで処理された結果のみを生成します。あなたのイメージを超えて拡大するには、それが動作するキャンバスを拡張する必要があります。

これを行うには、画像をGPUImageTransformFilterに送り、次に-forceProcessingAtSize:または-forceProcessingAtSizeRespectingAspectRatio:を使用して作業領域を拡大します。しかし、これはデフォルトでイメージを拡大するので、それに対処するために、GPUImageTransformFilterでスケール変換を使用して、より広い領域に相対的なイメージのサイズを縮小します。これにより、同じピクセル寸法で、より大きな全体像内に配置することができます。

この出力をぼかしフィルタに入力するだけで、ぼかしは元の画像のエッジを超えて拡大されます。画像を強制的に表示するサイズは、元の画像のエッジを越えてぼかしをどのくらい伸ばす必要があるかによって異なります。

Answer 2

ぼかしに調整するUIImageViewの境界のサイズを変更してください。ビューは、その範囲外のものをクリップします。あなたの例では、Photoshopでぼかされたボックスは元の画像より約20％大きく見えます。

UIImageView *image; 
image.layer.bounds = CGRectMake(0, 
           0, 
           image.layer.bounds.size.width + 5, 
           image.layer.bounds.size.height + 5);