当前位置: 移动技术网 > IT编程>移动开发>IOS > iOS实现图片水印与简单封装示例代码

iOS实现图片水印与简单封装示例代码

2019年07月23日  | 移动技术网IT编程  | 我要评论

乐吧网,非诚勿扰20150912,rank舆情监测系统

前言:

常用的许多软件中图片加水印的功能是非常常见的,如微博,微信,今日头条等等图片上都会有。

首先我们了解一下什么是水印及其作用?

水印:在图片上加的防止他人盗图的半透明logo、文字、图标

水印的作用:告诉你这个图片从哪来的,主要是一些网站为了版权问题、广告而添加的。

相关知识点:quartz2d相关内容

核心代码:

将字符串添加到图形上下文的方法
- (void)drawatpoint:(cgpoint)point withattributes:(nullable nsdictionary<nsattributedstringkey, id> *)attrs
- (void)drawinrect:(cgrect)rect withattributes:(nullable nsdictionary<nsattributedstringkey, id> *)attrs
将字符串添加到图形上下文的方法
- (void)drawatpoint:(cgpoint)point;              
 
// mode = kcgblendmodenormal, alpha = 1.0
- (void)drawatpoint:(cgpoint)point blendmode:(cgblendmode)blendmode alpha:(cgfloat)alpha;
 
- (void)drawinrect:(cgrect)rect;               
 
// mode = kcgblendmodenormal, alpha = 1.0
- (void)drawinrect:(cgrect)rect blendmode:(cgblendmode)blendmode alpha:(cgfloat)alpha;

基本步骤:

//1. 要手动创建一个位图上下文,创建位图上下文时,要指定大小,指定的大小,决定着生成图片的尺寸是多大
void uigraphicsbeginimagecontext(cgsize size);
 
//2. 把内容绘制到上下文当中
//2.1绘制原始图片
//2.2绘制文字
//2.3绘制logo
 
//3. 从上下文当中生成一张图片,把上下文当中绘制的所有内容合成在一起生成一张跟上下文尺度一样的图片
uiimage *newimage = uigraphicsgetimagefromcurrentimagecontext() ;
 
//4.手动创建的上下文一定要手动去销毁掉
uigraphicsendimagecontext() ;

封装的实例代码:

swwatermarkimage.h

#import <uikit/uikit.h>
 
ns_assume_nonnull_begin
 
@interface swwatermarkimage : uiimage
-(uiimage *)waterimagewithimage:(uiimage *)image imagelogo:(uiimage *)imagelogo title:(nsstring *)string ;
+(uiimage *)waterimagewithimage:(uiimage *)image imagelogo:(uiimage *)imagelogo title:(nsstring *)string ;
@end
 
ns_assume_nonnull_end

swwatermarkimage.m

@implementation swwatermarkimage
-(uiimage *)waterimagewithimage:(uiimage *)image imagelogo:(uiimage *)imagelogo title:(nsstring *)string {
  
 //1.要手动创建一个位图上下文
 uigraphicsbeginimagecontext(image.size) ;
  
 //2.绘制到内容上下文中
 //原始图片渲染
 [image drawinrect:cgrectmake(0, 0, image.size.width, image.size.height)];
  
 //文字
 nsdictionary *attributedict = @{
         nsfontattributename : [uifont systemfontofsize:20.f],
         nsforegroundcolorattributename:[uicolor whitecolor],
//         nsbackgroundcolorattributename :[uicolor redcolor]
         } ;
 cgrect rectsize = [string boundingrectwithsize:cgsizemake(maxfloat, 30) options:nsstringdrawingusesdevicemetrics attributes:attributedict context:nil] ;
 cgfloat x = image.size.width - rectsize.size.width - 10 ;
 cgfloat y = image.size.height - 30 ;
 [string drawatpoint:cgpointmake(x, y) withattributes:attributedict] ;
  
 //logo图片
 cgfloat waterw = 30;
 cgfloat waterh = 30;
 cgfloat waterx = x - waterw - 10 ;
 cgfloat watery = y - 3 ;
 [imagelogo drawinrect:cgrectmake(waterx, watery, waterw, waterh)] ;
 
 //3.从当前的上下文当中生成一张新的图片
 uiimage *newimage = uigraphicsgetimagefromcurrentimagecontext() ;
  
 //4.手动创建的上下文一定要手动去销毁掉
 uigraphicsendimagecontext() ;
  
 return newimage ;
}
 
+(uiimage *)waterimagewithimage:(uiimage *)image imagelogo:(uiimage *)imagelogo title:(nsstring *)string {
 return [[self alloc]waterimagewithimage:image imagelogo:imagelogo title:string] ;
}
@end

viewcontroller.m

#import "viewcontroller.h"
#import "swwatermarkimage.h"
@interface viewcontroller ()
@property(nonatomic,strong)uiimageview *imageview ;
@end
 
@implementation viewcontroller
 
- (void)viewdidload {
 [super viewdidload];
  
 //生成一张加水印图片步骤:
 /*
  可以在任何方法中生成图片,不一定在drawrect:方法中生成
  1.要手动创建一个位图上下文,创建位图上下文时,要指定大小,指定的大小,决定着生成图片的尺寸是多大
  2.把内容绘制到上下文当中
  3.从上下文当中生成一张图片,把上下文当中绘制的所有内容合成在一起生成一张跟上下文尺度一样的图片
  4.手动创建的上下文一定要手动去销毁掉
  */
}
-(void)touchesbegan:(nsset<uitouch *> *)touches withevent:(uievent *)event{
 uiimage *newimage = [swwatermarkimage waterimagewithimage:[uiimage imagenamed:@"18d8bc3eb13533fa65021ddba5d3fd1f40345b8b"] imagelogo:[uiimage imagenamed:@"logo"] title:@"芜湖亚原子网络科技有限公司"] ;
 //5.将生成的image显示到imageview上去
 self.imageview = [[uiimageview alloc]init] ;
 self.imageview.frame = cgrectmake(0, 100, 375, 250) ;
 self.imageview.image = newimage ;
 [self.view addsubview:self.imageview] ;
}
 
 
 
@end

封装的很糙,如果有好的建议欢迎大家在下方留言,我们一起交流一下,共勉⛽️

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对移动技术网的支持。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

  • ios uicollectionview实现横向滚动

    现在使用卡片效果的app很多,之前公司让实现一种卡片效果,就写了一篇关于实现卡片的文章。文章最后附有demo实现上我选择了使用uicollectionview ... [阅读全文]
  • iOS UICollectionView实现横向滑动

    本文实例为大家分享了ios uicollectionview实现横向滑动的具体代码,供大家参考,具体内容如下uicollectionview的横向滚动,目前我使... [阅读全文]
  • iOS13适配深色模式(Dark Mode)的实现

    iOS13适配深色模式(Dark Mode)的实现

    好像大概也许是一年前, mac os系统发布了深色模式外观, 看着挺刺激, 时至今日用着也还挺爽的终于, 随着iphone11等新手机的发售, ios 13系统... [阅读全文]
  • ios 使用xcode11 新建项目工程的步骤详解

    ios 使用xcode11 新建项目工程的步骤详解

    xcode11新建项目工程,新增了scenedelegate这个类,转而将原appdelegate负责的对ui生命周期的处理担子接了过来。故此可以理解为:ios... [阅读全文]
  • iOS实现转盘效果

    本文实例为大家分享了ios实现转盘效果的具体代码,供大家参考,具体内容如下demo下载地址: ios转盘效果功能:实现了常用的ios转盘效果,轮盘抽奖效果的实现... [阅读全文]
  • iOS开发实现转盘功能

    本文实例为大家分享了ios实现转盘功能的具体代码,供大家参考,具体内容如下今天给同学们讲解一下一个转盘选号的功能,直接上代码直接看viewcontroller#... [阅读全文]
  • iOS实现轮盘动态效果

    本文实例为大家分享了ios实现轮盘动态效果的具体代码,供大家参考,具体内容如下一个常用的绘图,主要用来打分之类的动画,效果如下。主要是ios的绘图和动画,本来想... [阅读全文]
  • iOS实现九宫格连线手势解锁

    本文实例为大家分享了ios实现九宫格连线手势解锁的具体代码,供大家参考,具体内容如下demo下载地址:效果图:核心代码://// clockview.m// 手... [阅读全文]
  • iOS实现卡片堆叠效果

    本文实例为大家分享了ios实现卡片堆叠效果的具体代码,供大家参考,具体内容如下如图,这就是最终效果。去年安卓5.0发布的时候,当我看到安卓全新的material... [阅读全文]
  • iOS利用余弦函数实现卡片浏览工具

    iOS利用余弦函数实现卡片浏览工具

    本文实例为大家分享了ios利用余弦函数实现卡片浏览工具的具体代码,供大家参考,具体内容如下一、实现效果通过拖拽屏幕实现卡片移动,左右两侧的卡片随着拖动变小,中间... [阅读全文]
验证码:
移动技术网