当前位置: > > > Swift - 给图片添加文字水印(图片上写文字,并可设置位置和样式)

Swift - 给图片添加文字水印(图片上写文字,并可设置位置和样式)

想要给图片添加文字水印或者注释,我们需要实现在UIImage上写字的功能。

1,效果图如下:
(在图片左上角和右下角都添加了文字。)


2,为方便使用,我们通过扩展UIImage类来实现添加水印功能
(文字大小,文字颜色,背景色,位置,边距都可以设置)
//--- UIImageExtension.swift ---
import UIKit

extension UIImage{
    
    //水印位置枚举
    enum WaterMarkCorner{
        case TopLeft
        case TopRight
        case BottomLeft
        case BottomRight
    }
    
    //添加水印方法
    func waterMarkedImage(waterMarkText:String, corner:WaterMarkCorner = .BottomRight,
                          margin:CGPoint = CGPoint(x: 20, y: 20),
                          waterMarkTextColor:UIColor = UIColor.whiteColor(),
                          waterMarkTextFont:UIFont = UIFont.systemFontOfSize(20),
                          backgroundColor:UIColor = UIColor.clearColor()) -> UIImage{
        
        let textAttributes = [NSForegroundColorAttributeName:waterMarkTextColor,
                              NSFontAttributeName:waterMarkTextFont,
                              NSBackgroundColorAttributeName:backgroundColor]
        let textSize = NSString(string: waterMarkText).sizeWithAttributes(textAttributes)
        var textFrame = CGRectMake(0, 0, textSize.width, textSize.height)
        
        let imageSize = self.size
        switch corner{
        case .TopLeft:
            textFrame.origin = margin
        case .TopRight:
            textFrame.origin = CGPoint(x: imageSize.width - textSize.width - margin.x, y: margin.y)
        case .BottomLeft:
            textFrame.origin = CGPoint(x: margin.x, y: imageSize.height - textSize.height - margin.y)
        case .BottomRight:
            textFrame.origin = CGPoint(x: imageSize.width - textSize.width - margin.x,
                                       y: imageSize.height - textSize.height - margin.y)
        }
        
        // 开始给图片添加文字水印
        UIGraphicsBeginImageContext(imageSize)
        self.drawInRect(CGRectMake(0, 0, imageSize.width, imageSize.height))
        NSString(string: waterMarkText).drawInRect(textFrame, withAttributes: textAttributes)
        
        let waterMarkedImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        
        return waterMarkedImage
    }
}
3,使用样例
import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var imageView: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        //使用链式调用方法,给图片添加两条水印
        imageView.image = UIImage(named:"bg")?
            .waterMarkedImage("做最好的开发者知识平台")
            .waterMarkedImage("hangge.com", corner: .TopLeft,
                              margin: CGPoint(x: 20, y: 20),
                              waterMarkTextColor: UIColor.blackColor(),
                              waterMarkTextFont: UIFont.systemFontOfSize(45),
                              backgroundColor: UIColor.clearColor())
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}
评论5
  • 5楼
    2017-11-07 17:42
    2222

    站长 我想问下 怎么新建swift类扩展呢 我的是xcode8.3 不知道怎么新建 oc和swift不一样 百度也没找到

    站长回复

    你只要新建一个普通的Swift文件就可以了。

  • 4楼
    2016-06-22 17:32
    qingcai518

    学些了,谢谢!!
    这段代码是不是需要再加一个background的属性?
    let textAttributes = [NSForegroundColorAttributeName:waterMarkTextColor,
    NSFontAttributeName:waterMarkTextFont, NSBackgroundColorAttributeName:backgroundColor]

    站长回复

    多谢你的提醒,我居然把背景色设置给漏了。现已修正。

  • 3楼
    2016-03-18 08:29
    hangge777

    嗯,gangge幸苦了,我觉得可以开通一个可以回复其他楼层的功能,这样别人就能帮他解决了。感谢hangge,hangge幸苦了。

    站长回复

    不客气。你的提议很好,以后网站功能改进的时候可以考虑加上。

  • 2楼
    2016-03-16 20:25
    hangge777

    hangge,
    override func viewDidLoad() {
    super.viewDidLoad()
    imageView.image = UIImage(named:"bg")?

    这个imageView.image编辑完后要怎么保存在目录里面啊?
    hangge是不是太忙了 = =

    站长回复

    见我前面的回复(最近留言一下多了很多,而且工作事情挺多,空闲时间还要忙着写文章。只能按留言先后顺序一个个回复了,所以会慢些。)

  • 1楼
    2016-03-16 11:41
    hengge777

    hangge,这个图片怎么保存到本地呢,就是imageView.image。处理完效果的图片怎么保存。我指的不是原图,是处理完效果的图片

    站长回复

    处理得到的UIImage,可以使用UIImageWriteToSavedPhotosAlbum()方法保存到相册中。
    用法可以参考我原来写的这篇文章:Swift - 捕获用户签名(用户在屏幕上手写签名,并生成图片)(http://www.hangge.com/blog/cache/detail_1013.html)