精华内容
下载资源
问答
  • 需要在图片上可以动态添加可拖动、可删除的文字编辑框,可改变文字大小颜色,之后可将批注保存为图片
  •  1.0 :在图片增加文字,是图片编辑中非常常见的需求。  1.1 :无demo说话不硬气,github地址:https://github.com/horisea/PictureWhitening   欢迎star,你的星星是我持续创作的动力 二:一下效果...

    一:前言

     1.0  :在图片上增加文字,是图片编辑中非常常见的需求。
     1.1 :无demo说话不硬气,上github地址:https://github.com/horisea/PictureWhitening    
               欢迎star,你的星星是我持续创作的动力

    二:上一下效果图

    下面我们看一下功能: 1.首先文字的颜色是可以换的;
                                       2.文字的大小是可以控制的
                                       3.给定宽度,文字的高度是动态计算的 
                                       4.文字的高度不会超出图片等等。

    三:上方法声明
     
    /**
     图片合成文字
     @param text            文字
     @param fontSize        字体大小
     @param textColor       字体颜色
     @param textFrame       字体位置
     @param image           原始图片
     @param viewFrame       图片所在View的位置
     @return UIImage *
     */
    + (UIImage *)imageWithText:(NSString *)text
                      textFont:(NSInteger)fontSize
                     textColor:(UIColor *)textColor
                     textFrame:(CGRect)textFrame
                   originImage:(UIImage *)image
        imageLocationViewFrame:(CGRect)viewFrame;
    参数确实多了一点,但是为了更加智能,好用。。我发现一个参数也不能去掉。 

    四:方法实现
    + (UIImage *)imageWithText:(NSString *)text
                      textFont:(NSInteger)fontSize
                     textColor:(UIColor *)textColor
                     textFrame:(CGRect)textFrame
                   originImage:(UIImage *)image
        imageLocationViewFrame:(CGRect)viewFrame {
        
        if (!text)      {  return image;   }
        if (!fontSize)  {  fontSize = 17;   }
        if (!textColor) {  textColor = [UIColor blackColor];   }
        if (!image)     {  return nil;  }
        if (viewFrame.size.height==0 || viewFrame.size.width==0 || textFrame.size.width==0 || textFrame.size.height==0 ){return nil;}
    
        NSString *mark = text;
        CGFloat height = [mark sizeWithPreferWidth:textFrame.size.width font:[UIFont systemFontOfSize:fontSize]].height; // 此分类方法要导入头文件
        if ((height + textFrame.origin.y) > viewFrame.size.height) { // 文字高度超出父视图的宽度
            height = viewFrame.size.height - textFrame.origin.y;
        }
        
    //    CGFloat w = image.size.width;
    //    CGFloat h = image.size.height;
        UIGraphicsBeginImageContext(viewFrame.size);
        [image drawInRect:CGRectMake(0, 0, viewFrame.size.width, viewFrame.size.height)];
        NSDictionary *attr = @{NSFontAttributeName: [UIFont systemFontOfSize:fontSize], NSForegroundColorAttributeName : textColor };
        //位置显示
        [mark drawInRect:CGRectMake(textFrame.origin.x, textFrame.origin.y, textFrame.size.width, height) withAttributes:attr];
        
        UIImage *aimg = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        return aimg;
    }

    最后:github地址里还附带了,图片美白,变灰,旋转,图片合成等方法。。欢迎star啊

    如果你喜欢这篇文章,或者有任何疑问,可以扫描第一个二维码,加楼主好友哦

    也可以扫第二个二维码,关注楼主个人微信公众号。这里有很多生活,职业,技术相关的文章哦。欢迎您的到来。

    微信号:                                             公众号


    展开全文
  • 这一节 我们简单讲一讲 给图片上添加文字的方法 我们继续使用节的代码(代码下载地址见节末尾 http://blog.csdn.net/lwjok2007/article/details/50887396) 首先我们将添加文字的View单独抽象出现实现 创建一个...

    前面几节讲了图片上画线

    这一节 我们简单讲一讲 给图片上添加文字的方法 我们继续使用上节的代码(代码下载地址见上节末尾   http://blog.csdn.net/lwjok2007/article/details/50887396

    首先我们将添加文字的View单独抽象出现实现

    创建一个类 继承自UIView

    起名: AddText

    定义一个协议 当输入完成之后 将内容返回给ViewController

    #import <UIKit/UIKit.h>
    
    
    @protocol EditTextDelegate <NSObject>
    
    -(void)ADDTextWithText:(NSString *)TEXT;
    
    @end
    
    
    @interface AddText : UIView
    
    
    @property(nonatomic,strong)id<EditTextDelegate>delegate;
    
    @end


    实现AddText

    #import "AddText.h"
    
    @implementation AddText
    
    
    - (instancetype)initWithFrame:(CGRect)frame
    {
        self = [super initWithFrame:frame];
        if (self) {
            self.userInteractionEnabled = YES;
            self.backgroundColor = [UIColor whiteColor];
            [self initUserInterface];
        }
        return self;
    }
    
    //添加控件
    - (void)initUserInterface{
        //取消按钮
        UIButton *btnCancel = [UIButton buttonWithType:UIButtonTypeCustom];
        btnCancel.frame = CGRectMake(5, 5, 60, 30);
        [btnCancel setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        [btnCancel addTarget:self action:@selector(cancelAct) forControlEvents:UIControlEventTouchUpInside];
        [btnCancel setTitle:@"取消" forState:UIControlStateNormal];
        [self addSubview:btnCancel];
        
        
        //确认按钮
        UIButton *btnSubmit = [UIButton buttonWithType:UIButtonTypeCustom];
        btnSubmit.frame = CGRectMake(self.frame.size.width-65, 5, 60, 30);
        [btnSubmit setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        [btnSubmit addTarget:self action:@selector(submitAct) forControlEvents:UIControlEventTouchUpInside];
        [btnSubmit setTitle:@"确定" forState:UIControlStateNormal];
        [self addSubview:btnSubmit];
        
        //分割线
        UILabel *labe = [[UILabel alloc]initWithFrame:CGRectMake(0, 40, self.frame.size.width, 1)];
        labe.backgroundColor = [UIColor brownColor];
        [self addSubview:labe];
        
        //输入框
        UITextView *textView = [[UITextView alloc]initWithFrame:CGRectMake(0, 45,self.frame.size.width , self.frame.size.height-120)];
        textView.tag = 600;
        textView.font = [UIFont systemFontOfSize:20];
        textView.backgroundColor = [UIColor cyanColor];
        [self addSubview:textView];
    }
    
    - (void)cancelAct{
        
        [self removeFromSuperview];
    }
    
    - (void)submitAct{
        
        UITextView *textView = (UITextView *)[self viewWithTag:600];
        [self.delegate ADDTextWithText:textView.text];
        [self removeFromSuperview];
    }


    接下来 我们给ViewController添加一个按钮 点击按钮之后会打开AddText界面

        
        UIButton *addTextBtn= [[UIButton alloc]initWithFrame:CGRectMake(screen_Width/2.0+60+10, 60, 120, 36)];
        [addTextBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        [addTextBtn setTitle:@"文字" forState:UIControlStateNormal];
        [addTextBtn addTarget:self action:@selector(addTextAct:) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:addTextBtn];


    //添加文字按钮事件
    - (void)addTextAct:(id)sender{
        
        AddText *editText = [[AddText alloc]initWithFrame:CGRectMake(60, 120, screen_Width-120, screen_Width*2/3)];
        editText.tag = 650;
        editText.delegate = self;
        [self.view addSubview:editText];
        
    }


    实现AddText的代理 方法获取到值之后显示到图片上

    同时我们要求 文字的位置可以随意挪动。

    同时 还有文字的放大 旋转等 大家自己研究一下

    #pragma mark 增加文字代理方法
    - (void)ADDTextWithText:(NSString *)TEXT
    {
        UILabel *textlabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, 200, 360)];
        textlabel.tag = 900;
        textlabel.lineBreakMode = 0;
        textlabel.font = [UIFont systemFontOfSize:25];
        textlabel.text = TEXT;
        [textlabel sizeToFit];
        textlabel.center = CGPointMake(screen_Width/2.0, screen_Height/2.0);
        textlabel.userInteractionEnabled = YES;
        [imageV addSubview:textlabel];
        //拖拽
        UIPanGestureRecognizer *panLabel = [[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(tapLabel:)];
        [textlabel addGestureRecognizer:panLabel];
    //    //旋转
    //    UIRotationGestureRecognizer *rota = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotation:)];
    //    [textlabel addGestureRecognizer:rota];
    //    //缩放
    //    UIPinchGestureRecognizer *pinch = [[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinch:)];
    //    [textlabel addGestureRecognizer:pinch];
        
    //      [textlabel becomeFirstResponder];
    }
    

    //拖拽
    - (void)tapLabel:(UIPanGestureRecognizer *)panLabel
    {
        
        UILabel *textlabel = (UILabel *)[self.view viewWithTag:900];
        CGPoint point =  [panLabel  translationInView:textlabel];
        // NSLog(@"%f %f",point.x ,point.y);
        //改变中心点坐标(原来的中心点+偏移量=当前的中心点)
        
        panLabel.view.center = CGPointMake(panLabel.view. center.x+point.x, panLabel.view.center.y+point.y);
    
        
        //每次调用完之后,需要重置手势的偏移量,否则平移手势会自动累加偏移量
        //CGPointMake(0, 0)<==>CGPointZero
        [panLabel setTranslation:CGPointZero inView:textlabel];
        
    }


    好了 我们运行试试


    如果说看到了 弹出的输入框 那么就成功一半了。输入文字点击确认 图片上是不是多出了文字 拖动试试

    如果拖动没有反应

    接的设置一下imageV

        imageV.userInteractionEnabled=YES;


    我们前面讲了那么多,图片上添加了各种东西 那么最后怎么保存图片了?

    方法很简单 我们在 ViewController中添加一个按钮 当点击的时候 将修改过的图片生成 现实到一个新的imageview上

    添加一个ImnageView


    添加一个Button 添加点击事件

        imageV1 = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, screen_Width, screen_Height/2)];
        [self.view addSubview:imageV1];


    好了 我们就简单实现一下 更为复杂的功能我们下来再研究

        
        UIButton *saveImageBtn= [[UIButton alloc]initWithFrame:CGRectMake(screen_Width/2.0+60+10, 30, 120, 36)];
        [saveImageBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        [saveImageBtn setTitle:@"保存" forState:UIControlStateNormal];
        [saveImageBtn addTarget:self action:@selector(saveImageAct:) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:saveImageBtn];
    - (void)saveImageAct:(id)sender{
        
        UIGraphicsBeginImageContextWithOptions(CGSizeMake(screen_Width, imageV.frame.size.height), YES, 1.0);
        [imageV.layer renderInContext:UIGraphicsGetCurrentContext()];
        UIImage *uiImage = UIGraphicsGetImageFromCurrentImageContext();
        
        UIGraphicsEndImageContext();
        
        imageV1.image=uiImage;
        
    }
    

    好了  我们试试 看 图片已经可以生成了

    代码我会上传到群空间 有兴趣可以去下载

    demo: 【60315图片上添加文字FingerLine.zip】


    苹果开发群 :414319235  欢迎加入,共同学习



    展开全文
  • PDF文字图片怎么编辑修改

    千次阅读 2016-12-05 12:00:31
    对于word、excel这类常见的文档基本大家都知道怎么编辑修改,而PDF格式的文档则比较少见,很多人都不知道这种文档是如何编辑的,也不知道怎样去修改PDF文档的内容,其实PDF文字图片编辑起来也是很简单的。...
      对于word、excel这类常见的文档基本上大家都知道怎么编辑修改,而PDF格式的文档则比较少见,很多人都不知道这种文档是如何编辑的,也不知道怎样去修改PDF文档的内容,其实PDF上的文字图片编辑起来也是很简单的。

    方法/步骤
      编辑PDF文字,首先用PDF编辑器打开PDF文档,加密的文件需要先解除限制。文档打开后选择编辑内容工具,文本内容周围会出现方框,也就是和PPT一样的文本框,点击可以进入文本框内编辑修改文字。

      设置文本的样式,例如文字的大小,颜色,字体等。选择文本内容后在输出窗格中进行设置。若属性窗格是关闭的,可以在视图菜单中的“其他窗格”中选择属性窗格即可。
      添加新的文本,选择添加文本工具,在页面点击就会出现文本框,可以输入文本内容。
      选择图片内容后,可以直接删除或拖动图片调整位置,拖动周围的控制点可以调整图片大小、形状。
      添加新的图片内容,先选择“文档”-“添加图像”,然后在打开文件中选择需要添加图片文件。选择后会弹出一个添加图像对话框,在对话框下方可以选择将该图片是作为图像注释,还是作为页面内容一部分进行添加。选择后点击放置,图片就添加到页面中了。
      编辑完成后如果要查看文档的显示效果,可以点击将工具切换为“手形工具”或“选取工具”,文本框就会影藏,文档进入浏览状态,不可编辑。
    展开全文
  • pdf文字图片内容怎么编辑

    千次阅读 2017-02-20 14:09:05
    对pdf文件的编辑其实和ppt一样很简单的,下面就来讲下pdf文字图片内容都是怎么编辑的。  ​ 首先是编辑的工具,用来修改编辑pdf文件的工具也是有很多的,只需先在电脑安装一个pdf编辑器就可以了,...

    pdf文件虽然现在也是比较常见的一种文档,但还是有不少人都不知道怎么编辑pdf文件。对pdf文件的编辑其实和ppt一样很简单的,下面就来讲下pdf上的文字和图片内容都是怎么编辑的。

     

    首先是编辑的工具,用来修改编辑pdf文件的工具也是有很多的,只需先在电脑上安装一个pdf编辑器就可以了,然后用pdf编辑器把要修改的pdf文件打开。

    选编辑内容工具,然后就可以将光标插入页面文本框中,对里面的文字进行编辑修改了。

    选择文本内容后,在右边属性窗格中可以设置文本格式。若选择的是文本框,则可以对整个文本框以及其中的文本进行设置,可设置的属性也会有所不同。

    pdf添加文字先选择“添加文本”,接着在页面点击或者拉取选框就会添加一个空白文本框,然后直接在文本框中输入内容。

    选择编辑内容工具后图片也是可以进行修改的,选中图片内容后可以进行移动、删除、调整大小等操作,在属性窗格中也可以设置图片的样式。

    添加图片要先选择“文档”-“添加图像”命令,然后再打开窗口中选择图片文件打开,接着会继续弹出“添加图像”对话框。在对话框的选项中选择“作为页面内容的一部分”,点击“放置”,图片就添加到页面了,最后进行调整就可以了。

    对pdf文件的内容更改后要对文档进行保存。

    展开全文
  • 最近在做一个图片编辑器,需要点击一个文字编辑按钮后,能在图片拉出一个矩形框,之后能在这个矩形框内进行文字编辑,就是绘图工具提供的类似功能,想求助一下谁有这方面的经验,能都提供一下思路,或者谁有成品给...
  • 小程序介绍 图片编辑助手小程序支持快速图片编辑,图片加文字,图片涂鸦,自带表情包素材,快速制作表情包,长图拼接,图片加相框等功能。 微信扫码体验 截图 ...
  • 但是,PDF文档的编辑离不开第三方PDF编辑软件,在这里我要给大家推荐一个很给力的PDF编辑软件--迅捷PDF编辑器。 一、删除水印 1.运行软件后,把需要删除水印的文档拖拽到迅捷PDF编辑器的界面中,就能够在软件中...
  • 最近公司业务需要客户在进行上传图片时,不满足要求的图片必须进行编辑后才能上传,满足条件的直接可以上传。 于是花了不少时间来研究这个,想必学习angualrjs的人都知道,angualr不直接对dom进行操作,而网上的...
  • 由于业务中需要将多张图片和自定义的文字用程序生成一张海报,所以今天写了一个公共的方法来处理多张图片拼接海报,相关文字贴入到图片中的问题! 1.准备素材--两张图片,一张背景图,一张需要覆盖到某个位置的图 ...
  • 这个项目实现了微信图片编辑处理的关键功能,如给一张图片添加文字,打马赛克,裁剪图片,在图片手势涂鸦。引用了kareluo的Imaging库,但是kareluo的Imaging库示例代码有两个遗留问题需要重新解决: 1,它是用...
  • “刘郎已恨蓬山远,更隔蓬山一万重” 序 现在做的是从web端给眼镜端发送消息,其实就是web端把消息存到数据库,然后眼镜从数据库获取消息即可。...从Word中复制图片文字、标题、部分带样式的文字编辑器中...
  • Java编辑图片-添加文字

    千次阅读 2020-06-03 22:24:33
    二话不说,直接代码, 具体注释, 代码里简单的有写: 可以根据我后面给的两张效果图进行测试; demo测试方法: 直接将如下代码复制到一个java文件中运行main方法即可; 注意: 代码中标记'todo'的地方自行修改; ...
  • C#实现在图片上添加文字和二维码

    千次阅读 2019-06-04 16:14:22
    源程序下载地址: ...原始素材: 我的公众号二维码图片: ...DrawImage(Image, 画图位置x, 画图位置y, 图片宽, 图片高); 添加文字方法: DrawString(文字, 字体, 画笔, 位置); //窗口加载事件 ...
  • ![图片说明](https://img-ask.csdn.net/upload/201508/03/1438585727_104456.jpg)
  • Android上图片文字识别

    万次阅读 多人点赞 2017-04-19 09:24:24
    前者顾名思义有个短板,就是需要生成二维码,下面就介绍下图片文字识别实现。 本应用是基于是OCR引擎,故需要第三方的jar包tess-two.tesseract3.01-leptonica1.68-LibJPEG6b.jar 下载链接:点击打开链接 另外...
  • 很多网友想看批量图片识别成文字,用图片上文字来修改文件名,今天他来了 因为不解决就得手动挨个挨个输入然后把文件命名好 今天又一个文件需求是这样的 图有姓名文字,要识别出来改成每一张图跟这个一样,有...
  • 怎么在pdf上编辑文字内容

    万次阅读 2018-11-30 14:08:58
    所以,今天给大家带来了几个pdf编辑文字内容的方法,小伙伴们可以根据自己的喜好进行选择。 操作软件:迅捷PDF编辑器 工具下载地址:https://www.xunjiepdf.com/editor 方法一: 1、Adobe Acrobat DC软件是...
  • android的EditText里文字图片混合编辑与显示

    千次阅读 多人点赞 2018-02-23 19:33:57
    android的EditText其实很强大,它是可以显示一部分Html格式的,而下面则介绍如何使用EditText进行文字图片的混合编写与显示。 首先放一张效果图(我插入的图片侵删): 插入图片我参考了这篇博客:使用Html在...
  • 就比如CRichEditView这种有编辑控件的,然后能随意输入文字图片,而不是只能键入图片的?
  • PS CC2018替换/修改图片上文字内容

    万次阅读 2019-07-12 18:15:24
    打开”选项,打开需要处理的图片。 2.选择左侧工具箱内容的“套索工具”选项 长按鼠标左键即可调出子级菜单。 3.使用套索工具,圈选出需要替换的文本内容 4.依次选择“编辑>填充”选项,打开“填充”窗口...
  • 1、创建编辑器 UE.getEditor('editor', { initialFrameWidth:"100%" //初始化选项 }) 精简版 UE.getEditor('editor') 2、删除编辑器 UE.getEditor('editor').destroy(); 3、设置焦点 UE....
  • 图片文字识别教程

    千次阅读 2019-04-10 16:17:58
    图片文字识别教程图片文字识别在线文字识别一: 图片转txt二:图片+pdf 转txt三:图片+pdf 转txt离线文字识别OneNote2016笔记编辑工具文字识别一:软件下载+安装+激活二:如何使用软件 识别图片文字和pdf 文字<...
  • ueditor编辑器怎么有时候编辑文字![图片说明](https://img-ask.csdn.net/upload/201711/16/1510812260_223300.png) 它编辑字体后点保存.保存成功,再点击进去就还原了,为什么?????????
  • PS 怎么去掉图片上文字

    千次阅读 2019-04-26 15:06:00
    第一步:打开需要去掉文字图片。 第二步:在左侧工具栏中选择“吸管工具”。 第三步:在文字附近选取颜色。 第四步:在左侧工具栏中选择“矩形选框工具”,并选中要消除的文字。 第五步:在菜单栏...
  • //写的文字用到的字体。字体最好用系统有得,否则会包charmap的错,这是黑体 //imagettftext设置生成图片的文本 imagettftext($image_3,32,0,240,55,$rqys,$font,$nickname); imagecopymerge($image_3,$...
  • 如何编辑修改PDF文档中的文字图片,对于很多人来说,编辑修改word、ppt这类文档都是小菜一碟,但是PDF这种特殊的格式文档就有很多人不知道怎样编辑了。那么遇到这种格式文档的时候我们该怎样去处理呢? ​ ...
  • 如何对PDF文件的文字图片编辑修改

    千次阅读 2017-01-04 11:45:11
    文档格式有很多种,有些文档格式是比较常见的,例如我们熟悉的office文档,编辑操作起来都很简单,但是对于PDF文档就比较陌生了。当得到的文档是PDF格式的,需要对文档的内容进行编辑修改的时候,我们该怎么办呢? ...
  • wysiwyg.js是一款十分强大的、所见即所得的jQuery富文本编辑器插件。wysiwyg.js富文本编辑器体积小,支持选择、键盘、占位等众多事件。...可以实现图片文字复制 地址:https://gitee.com/diwuyanting/richText
  • 豪言壮志 今天天气不错,挺风和日丽的,出去逛逛街,溜溜弯,拍一张美图,配上高逼格的格言警句,发到朋友圈,一片鸡汤文就此诞生。...花半天时间找了一下,目标就它了:微信的「图片编辑器」,然后自...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 160,763
精华内容 64,305
关键字:

如何图片上编辑文字