How to add blur effect into UIImage with Swift? [duplicate]

Question

I'd like to add blur effect in UIimage, not UIImage View. I can add blur effect into uiimage view just like this:

let blurEffect = UIBlurEffect(style: UIBlurEffectStyle.light)
let blurEffectView = UIVisualEffectView(effect: blurEffect)
blurEffectView.frame = img.bounds
blurEffectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
img.addSubview(blurEffectView)

But, I really want to add into uiimage. Because I have to draw image with text. so here is my function:

func textToImageWithPhoto(drawText text: NSString, inImage image: UIImage, atPoint point: CGPoint) -> UIImage {  

    let scale = UIScreen.main.scale

    UIGraphicsBeginImageContextWithOptions(CGSize.init(width: 375, height: 375), false, scale)

    image.draw(in: CGRect(origin: CGPoint.init(x: 0, y: -100), size: CGSize(width: 375, height: 375*1.5)))

    let rect = CGRect(origin: CGPoint.init(x: 0, y: 187.5 - 150/2 ), size: CGSize.init(width: 375, height: 375))
    text.draw(in: rect, withAttributes: textFontAttributes)

    let newImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

    self.saveData(img: newImage!, text: self.quotesTxt.text!) //SAVE CORE DATA

    return newImage!
}

And is there some way to add blur effect within draw function?

Visite here [blurring & tinting image]((developer.apple.com/library/content/samplecode/UIImageEffects/…) — Mukesh Lokare
– Mukesh Lokare, Commented Feb 22, 2017 at 8:17
After adding text on your image while returning new image do this before blurredImage = UIImageEffects.imageByApplyingLightEffect(to: newImage) — Mukesh Lokare
– Mukesh Lokare, Commented Feb 22, 2017 at 8:22
@Mukesh Thanks! But, when I add blur image, image size is changed! I'd like to keep image size. How do I fix it? — Lucy Jeong
– Lucy Jeong, Commented Feb 22, 2017 at 9:29

bilaldogan · Accepted Answer · 2017-02-22 08:16:59Z

1

extension UIIMageView {

    func addBlurEffect(){
        //if !UIAccessibilityIsReduceTransparencyEnabled() {

            GlobalData.effectView.frame = self.bounds
            GlobalData.effectView.autoresizingMask = [.flexibleWidth , .flexibleHeight]
            self.addSubview(GlobalData.effectView)

            UIView.animate(withDuration: 0.3, animations: {
                GlobalData.effectView.effect = UIBlurEffect(style: .light)
            })
        //}

    }

    func removeBlurEffect(){
        for subView in self.subviews{
            if subView is UIVisualEffectView{
                UIView.animate(withDuration: 0.3, animations: {
                    GlobalData.effectView.effect = nil
                }, completion: { (success:Bool) in
                    subView.removeFromSuperview()
                })

            }
        }

    }

Use this extension. it's work for me. I dont try but you can change extension type as UIImage maybe.

edited Feb 22, 2017 at 8:16

answered Feb 22, 2017 at 8:15

bilaldogan

7831 gold badge5 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Dharmesh Kheni Over a year ago

OP already mentioned that he don't want to add blur effect into UIImageView

Lucy Jeong Over a year ago

@DharmeshKheni yup..that's right :(

Collectives™ on Stack Overflow

How to add blur effect into UIImage with Swift? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related