精华内容
下载资源
问答
  • 需要在图片上可以动态添加可拖动、可删除的文字编辑框,可改变文字大小颜色,之后可将批注保存为图片
  • 这一节 我们简单讲一讲 给图片上添加文字的方法 我们继续使用节的代码(代码下载地址见节末尾 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  欢迎加入,共同学习



    展开全文
  •  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啊

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

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

    微信号:                                             公众号


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

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

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

      设置文本的样式,例如文字的大小,颜色,字体等。选择文本内容后在输出窗格中进行设置。若属性窗格是关闭的,可以在视图菜单中的“其他窗格”中选择属性窗格即可。
      添加新的文本,选择添加文本工具,在页面点击就会出现文本框,可以输入文本内容。
      选择图片内容后,可以直接删除或拖动图片调整位置,拖动周围的控制点可以调整图片大小、形状。
      添加新的图片内容,先选择“文档”-“添加图像”,然后在打开文件中选择需要添加图片文件。选择后会弹出一个添加图像对话框,在对话框下方可以选择将该图片是作为图像注释,还是作为页面内容一部分进行添加。选择后点击放置,图片就添加到页面中了。
      编辑完成后如果要查看文档的显示效果,可以点击将工具切换为“手形工具”或“选取工具”,文本框就会影藏,文档进入浏览状态,不可编辑。
    展开全文
  • 最近做一个图片编辑器,需要点击一个文字编辑按钮后,能图片拉出一个矩形框,之后能这个矩形框内进行文字编辑,就是绘图工具提供的类似功能,想求助一下谁有这方面的经验,能都提供一下思路,或者谁有成品给...
  • C#实现在图片上添加文字和二维码

    千次阅读 2019-06-04 16:14:22
    源程序下载地址: ...原始素材: 我的公众号二维码图片: ...DrawImage(Image, 画图位置x, 画图位置y, 图片宽, 图片高); 添加文字方法: DrawString(文字, 字体, 画笔, 位置); //窗口加载事件 ...

    源程序下载地址:
    https://download.csdn.net/download/u012577474/11224784
    原始素材:
    在这里插入图片描述
    我的公众号二维码图片:
    在这里插入图片描述

    运行程序后的效果图:
    在这里插入图片描述

    源代码如下:

    添加图片方法:
    DrawImage(Image, 画图位置x, 画图位置y, 图片宽, 图片高);
    添加文字方法:
    DrawString(文字, 字体, 画笔, 位置);

    //窗口加载事件
         private void Form1_Load(object sender, EventArgs e)
                {
                    pictureBox1.Image = Image.FromFile("C:/Users/Administrator/Desktop/c#picture/1.jpg"); //设置背景图片
                    string imgPath = "C:/Users/Administrator/Desktop/c#picture/IT爱好者.jpg";  //要插入的二维码图片路径
                    Image QRcodePic; //用来存储读取的二维码图片
                    //读取二维码图片文件流
                    FileStream fileStream = new FileStream(imgPath, FileMode.Open, FileAccess.Read);
                    int byteLength = (int)fileStream.Length;    //二维码图片字节数
                    byte[] fileBytes = new byte[byteLength];    //根据图片字节数创建一个存储该图片的字节数组
                    fileStream.Read(fileBytes, 0, byteLength);  //读取二维码图片到数组
                    fileStream.Close();                 //关闭文件流,解除对外部文件的锁定
                    //取得二维码图片image对象
                    QRcodePic = Image.FromStream(new MemoryStream(fileBytes));  
                    Graphics g = Graphics.FromImage(pictureBox1.Image);  //创建背景图片的Graphics对象(调用该对象在背景图片上绘图)
                    //在背景图片上插入二维码图片
                    g.DrawImage(QRcodePic, 500, 120, QRcodePic.Width, QRcodePic.Height);
                    //在背景照片上添加文字 
                    PointF drawPoint = new PointF(55.0F, 160.0F);//
                    AddFont(g, drawPoint, "Name:Yfw");
                    drawPoint = new PointF(55.0F, 220.0F);//
                    AddFont(g, drawPoint, "MoviePark:IT爱好者");
                    drawPoint = new PointF(55.0F, 280.0F);//
                    AddFont(g, drawPoint, "Blog:blog.csdn.net/u012577474");
                    //刷新pictureBox1
                    pictureBox1.Refresh(); 
                }
         /*在图片上添加文字
         * Graphics g  ,目标Graphics对象     
         * string data  ,准备添加的字符串
         */
    	    private void AddFont(Graphics g, PointF drawPoint, string data)
    	    {
    		     //   Graphics g = Graphics.FromImage(pictureBox1.Image);
    		        SolidBrush mybrush;
    		        mybrush = new SolidBrush(Color.Red);  //设置默认画刷颜色
    		        Font myfont;
    		        myfont = new Font("黑体", 24,FontStyle.Bold);         //设置默认字体格式   
    		        g.DrawString(data, myfont, mybrush, drawPoint); //图片上添加文字
    		        pictureBox1.Refresh();
    	
    	    }
    
    展开全文
  • pdf文字图片内容怎么编辑

    千次阅读 2017-02-20 14:09:05
    对pdf文件的编辑其实和ppt一样很简单的,下面就来讲下pdf文字图片内容都是怎么编辑的。  ​ 首先是编辑的工具,用来修改编辑pdf文件的工具也是有很多的,只需先电脑安装一个pdf编辑器就可以了,...
  • 最近公司业务需要客户进行上传图片时,不满足要求的图片必须进行编辑后才能上传,满足条件的直接可以上传。 于是花了不少时间来研究这个,想必学习angualrjs的人都知道,angualr不直接对dom进行操作,而网上的...
  • 怎么pdf上编辑文字内容

    万次阅读 2018-11-30 14:08:58
    所以,今天给大家带来了几个pdf编辑文字内容的方法,小伙伴们可以根据自己的喜好进行选择。 操作软件:迅捷PDF编辑器 工具下载地址:https://www.xunjiepdf.com/editor 方法一: 1、Adobe Acrobat DC软件是...
  • 小程序介绍 图片编辑助手小程序支持快速图片编辑,图片加文字,图片涂鸦,自带表情包素材,快速制作表情包,长图拼接,图片加相框等功能。 微信扫码体验 截图 ...
  • 但是,PDF文档的编辑离不开第三方PDF编辑软件,这里我要给大家推荐一个很给力的PDF编辑软件--迅捷PDF编辑器。 一、删除水印 1.运行软件后,把需要删除水印的文档拖拽到迅捷PDF编辑器的界面中,就能够软件中...
  • 这个项目实现了微信图片编辑处理的关键功能,如给一张图片添加文字,打马赛克,裁剪图片,图片手势涂鸦。引用了kareluo的Imaging库,但是kareluo的Imaging库示例代码有两个遗留问题需要重新解决: 1,它是用...
  • 现在web端的输入框需要直接复制图片进去,于是就用了富文本编辑器。 正文 研究了多个富文本编辑器后,基于免费、好用、简洁的原则(主要是基于免费),最终选择使用wangEditor。 使用场景 从Word中复制图片、...
  • 由于业务中需要将多张图片和自定义的文字用程序生成一张海报,所以今天写了一个公共的方法来处理多张图片拼接海报,相关文字贴入到图片中的问题! 1.准备素材--两张图片,一张背景图,一张需要覆盖到某个位置的图 ...
  • Java编辑图片-添加文字

    千次阅读 2020-06-03 22:24:33
    二话不说,直接代码, 具体注释, 代码里简单的有写: 可以根据我后面给的两张效果图进行测试; demo测试方法: 直接将如下代码复制到一个java文件中运行main方法即可; 注意: 代码中标记'todo'的地方自行修改; ...
  • 代码演示: header("content-type: image/png");//如果要看报什么错,可以先注释调这个header ...//浏览器显示 //imagepng($image_3,"d:\a.png");保存到本地 imagedestroy($im); ?>
  • ![图片说明](https://img-ask.csdn.net/upload/201508/03/1438585727_104456.jpg)
  • 最近网上碰到一个人问了我一个问题,编辑div中插入文字或者图片。因为web在线编辑器我从来只是用,基本不会去研究源代码。后来正好一个在线聊天web项目中也要用到这个功能,我就特地看看了代码。  基本...
  • 此效果图中有富文本中指定的位置添加图片,还有最后位置添加的图片信息 代码如下  1:创建富文本,设置样式 // 添加单个属性 //- (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range; ...
  • 这是两张图片,底图+二维码 ,“长按识别二维码”是后添加上去的。 至于为什么不直接放一张带二维码的图片呢,这是公司业务需求,下面来说说怎么实现的(二维码后台返回的是一张正方形图片,后期经过处理成这样的)...
  • Android上图片文字识别

    万次阅读 多人点赞 2017-04-19 09:24:24
    前者顾名思义有个短板,就是需要生成二维码,下面就介绍下图片文字识别实现。 本应用是基于是OCR引擎,故需要第三方的jar包tess-two.tesseract3.01-leptonica1.68-LibJPEG6b.jar 下载链接:点击打开链接 另外...
  • android的EditText里文字图片混合编辑与显示

    千次阅读 多人点赞 2018-02-23 19:33:57
    android的EditText其实很强大,它是可以显示一部分Html格式的,而下面则介绍如何使用EditText进行文字图片的混合编写与显示。 首先放一张效果图(我插入的图片侵删): 插入图片我参考了这篇博客:使用Html...
  • 很多网友想看批量图片识别成文字,用图片上文字来修改文件名,今天他来了 因为不解决就得手动挨个挨个输入然后把文件命名好 今天又一个文件需求是这样的 图有姓名文字,要识别出来改成每一张图跟这个一样,有...
  • 利用python PIL模块在图片上文字

    万次阅读 2018-01-25 21:13:20
    利用PIL模块,简单处理图片 from PIL import Image, ImageFont, ImageDraw # 导入模块 im = Image.open("smile.jpg") # 打开文件 print(im.format, im.size, im.mode) draw = ImageDraw.Draw(im) #修改图片 #font =...
  • 就比如CRichEditView这种有编辑控件的,然后能随意输入文字图片,而不是只能键入图片的?
  • PS CC2018替换/修改图片上文字内容

    万次阅读 2019-07-12 18:15:24
    打开”选项,打开需要处理的图片。 2.选择左侧工具箱内容的“套索工具”选项 长按鼠标左键即可调出子级菜单。 3.使用套索工具,圈选出需要替换的文本内容 4.依次选择“编辑>填充”选项,打开“填充”窗口...
  • Android把文字写到图片上生成图片+文字的新图片

    万次阅读 热门讨论 2017-04-21 10:05:41
    我们项目最近需要微信分享员工二维码功能,二维码图片直接使用zxing就可以生成,但是... 没错就是二维码下边有一行提示文字,你可能会想直接imageview下边放个textview就行了,没错这样你的APP里显示效果确实是达
  • ; width: 400px; height: 200px"> 123456123456 ()"> InsertImage var editer = document.getElementById('editer');... function InsertImage() { ...可编辑的div必须添加contentenditable为ture
  • 1、创建编辑器 UE.getEditor('editor', { initialFrameWidth:"100%" //初始化选项 }) 精简版 UE.getEditor('editor') 2、删除编辑器 UE.getEditor('editor').destroy(); 3、设置焦点 UE....

空空如也

空空如也

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

在图片上编辑文字