精华内容
下载资源
问答
  • HTML,怎么在图片添加文字
    千次阅读
    2021-06-23 10:56:32

    一种方式:直接将这个图用ps处理,还有一种html里面有层级代码,修改代码将字这一层放在图片上面方法1: ps写在图片上方法2: 给标签加入图片背景, 在标签里面写字方法3: 使用img加载图片, 样式设置为固定或绝对定位, 添加样式z-index: -1;然后写字dadasdasdas

    html+css怎么在图片上添加文字要在图片上显示文字,还要在放大缩小的时候文字不到处乱跑,这个就要用盒模型里面的大盒子套小盒子的方法了...

    html+css如何在图片上添加文字可以。

    以html为例,步骤:

    一、在body中建立文字信息以及图片内容,也就是在header中包含...

    在HTML中,怎么在图片上添加文字?一种方式:直接将这个图用ps处理,还有一种html里面有层级代码,修改代码将字这一层放在图片上面

    方...

    html -- 图片上添加文字可以。

    以html为例,步骤:

    一、在body中建立文字信息以及图片内容,也就是在header中包含...

    html+css怎么在图片上添加文字?1:添加一个DIV,采用绝对定位,图片所属DIV为基准

    2:图片为背景图

    第一种方法:

    HTML 在图片上添加文字最简单的办法。弄一个div层,把图片当作div的背景就是了

    如何在html图片上加文字你给一个div 添加背景图,不影响在这个div里面添加文字的,比如

    ...

    在html中怎么在一张图上添加文字你给一个div 添加背景图,不影响在这个div里面添加文字的,比如

    ...

    如何在html的页面中插入背景图上面加文字?你给一个div

    添加背景图,不影响在这个div里面添加文字的,比如

    .class{width:...

    HTML怎么在图片上加入文字使用定位来写的,首先一个大盒子装着图片,

    然后一个盒子装着头像和文字,把装着头像和文字

    的盒子根据装...

    更多相关内容
  • 主要给大家介绍了Python在图片中添加文字的两种方法,分别是使用OpenCV和PIL这两个方法实现,实际应用中要这两种方法中择优使用。两种方法都给出了详细示例代码,需要的朋友可以参考下。
  • 使用Java在图片中添加文字

    千次阅读 2020-10-17 01:02:53
    有这样一张图片,需要修改图中的时间 实现思路: ...我的电脑中,Arial字体样式和图片中的时间的字体样式一致,将项目部署到linux中后由于系统中没有该字体,需要先向linux中安装字体,安装方式见: ...

    有这样一张图片,需要修改图中的时间

    在这里插入图片描述

    实现思路:

    先使用绘图工具将上图中的时间抹成白色。将图片加载到BufferedImage类,使用Graphics2D类对图片进行文字绘制,最后输出流,前端通过a标签访问即可完成下载。在我的电脑中,Arial字体样式和图片中的时间的字体样式一致,将项目部署到linux中后由于系统中没有该字体,需要先向linux中安装字体,安装方式见:
    https://blog.csdn.net/wangxintong_1992/article/details/81194896

    以下代码基于Springboot框架开发

    @RequestMapping("generate")
        public void drawTextInImg(HttpServletResponse response, String startTime, String endTime) {
            String filePath = "/Users/yuho/Documents/IMG_7205.png";
            //String filePath = "/root/jars/IMG_7205.png";
            ImageIcon imgIcon = new ImageIcon(filePath);
            Image img = imgIcon.getImage();
            int width = img.getWidth(null);
            int height = img.getHeight(null);
            BufferedImage bimage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
            Graphics2D g = bimage.createGraphics();
            g.setColor(getColor("#AF2222"));
            g.setBackground(Color.white);
            g.drawImage(img, 0, 0, null);
            //设置字体样式,风格,大小
            Font font = new Font("Arial", Font.PLAIN, 27);
            g.setFont(font);
            //以左上角为坐标轴原点,left为横坐标,top为纵坐标
            int left = 330;
            int top = 1079;
            //抗锯齿
            g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
            //绘制开始时间
            g.drawString(startTime, left, top);
            //绘制结束时间
            g.drawString(endTime, left, top+65);
            //释放对象
            g.dispose();
            try {
                //BufferedImage 转 InputStream
                ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
                ImageOutputStream imageOutput = ImageIO.createImageOutputStream(byteArrayOutputStream);
                ImageIO.write(bimage, "png", imageOutput);
                InputStream inputStream = new ByteArrayInputStream(byteArrayOutputStream.toByteArray());
                long length = imageOutput.length();
                //设置response
                response.setContentType("image/png");
                response.setContentLength((int)length);
                response.setHeader("Content-Disposition","attachment;filename="+new String("license.png".getBytes("gbk"),"iso-8859-1"));
                //输出流
                byte[] bytes = new byte[1024];
                OutputStream outputStream = response.getOutputStream();
                long count = 0;
                while(count < length){
                    int len = inputStream.read(bytes, 0, 1024);
                    count +=len;
                    outputStream.write(bytes, 0, len);
                }
                outputStream.flush();
            } catch (Exception e){
                e.printStackTrace();
            }
        }
        public static Color getColor(String color) {
            if (color.charAt(0) == '#') {
                color = color.substring(1);
            }
            if (color.length() != 6) {
                return null;
            }
            try {
                int r = Integer.parseInt(color.substring(0, 2), 16);
                int g = Integer.parseInt(color.substring(2, 4), 16);
                int b = Integer.parseInt(color.substring(4), 16);
                return new Color(r, g, b);
            } catch (NumberFormatException nfe) {
                return null;
            }
        }
    
    展开全文
  • 批量在图片指定位置添加文字python # 导入PIL模块 from PIL import Image, ImageDraw, ImageFont, ImageFilter zt = r"C:/Windows/Fonts/simhei.ttf" # 指定字体 def tianzi(pic, site, txt, path): # 打开初始...
  • opencv显示图片添加文字
  • C#窗体应用指定图片添加图片和文本,本文使用的“Graphics”对象。 C#窗体应用指定图片添加图片和文本,本文使用的“Graphics”对象。 C#窗体应用指定图片添加图片和文本,本文使用的...
  • php开发可以给图片添加多个位置的文字,根据设置宽度,文字自动换行,文字位置,样式,字体大小,是否首行缩进,段落间距等参数均可自己定义,代码内有详细注释。英文字体均可。很强大,满足绝大多数图片文字...
  • 本文实例为大家分享了python图片添加文字的具体代码,供大家参考,具体内容如下 #!/usr/bin/python #-*-coding:utf-8-*- from PIL import Image,ImageDraw,ImageFont def main(): #python创建图片,并且添加文字 ...
  • Python在图片中添加文字的两种操作

    万次阅读 2017-10-07 10:49:07
     在图片中添加文字看上去很简单,但是如果是利用OpenCV来做却很麻烦。OpenCV中并没有使用自定义字体文件的函数,这不仅意味着我们不能使用自己的字体,而且意味着他无法显示中文字符。这还是非常要命的事情。而且他...

    一、使用OpenCV
      在图片中添加文字看上去很简单,但是如果是利用OpenCV来做却很麻烦。OpenCV中并没有使用自定义字体文件的函数,这不仅意味着我们不能使用自己的字体,而且意味着他无法显示中文字符。这还是非常要命的事情。而且他显示出来的文字位置也不太好控制。比如下面的代码,他想做的仅仅是显示数字3:

    代码:

    #coding=utf-8
    import cv2
    import numpy as np
    from pylab import *
    %matplotlib inline
    font=cv2.FONT_HERSHEY_SIMPLEX#使用默认字体
    im=np.zeros((50,50,3),np.uint8)#新建图像,注意一定要是uint8
    img=cv2.putText(im,'3',(0,40),font,1.2,(255,255,255),2)#添加文字,1.2表示字体大小,(0,40)是初始的位置,(255,255,255)表示颜色,2表示粗细
    imshow(img)

    结果:


    这里写图片描述

      可以发现文字出现的位置并不怎么好把握,初始的坐标默认是指左下角的坐标,不怎么方便。而且显示出文字以后,我们不好掌握他实际占的位置和大小。
    不过有一点方便的是,我们可以随意改变他的粗细,而不用更换字体。这一点是下面使用PIL进行绘图所不具备的优点。

    二、使用PIL
      同样为了生成数字3,下面是使用PIL进行的操作:

    代码:

    import Image,ImageFont,ImageDraw
    import numpy as np
    from pylab import *
    %matplotlib inline
    font = ImageFont.truetype('3.ttf',50) #使用自定义的字体,第二个参数表示字符大小
    im = Image.new("RGB",(50,50))      #生成空白图像
    draw = ImageDraw.Draw(im)         #绘图句柄
    x,y=(0,0)                  #初始左上角的坐标
    draw.text((x,y), '3', font=font)    #绘图
    offsetx,offsety=font.getoffset('3')  #获得文字的offset位置
    width,height=font.getsize('3')     #获得文件的大小
    im=np.array(im)
    draw.rectangle(im,(offsetx+x,offsety+y),(offsetx+x+width,offsety+y+height),(255,255,255),1)#绘出矩形框
    imshow(im)

    结果:


    这里写图片描述

      
      我们可以发现,PIL支持使用自定义的字体文件,而且能够提供字体所占位置的详细信息,我们可以精确的确定文字所占的位置,在应用中特别有用。唯一的不足就是他不能改变字体的粗细(毕竟这用的是字体模板)。

      python PIL图像处理模块中的ImageDraw类支持各种几何图形的绘制和文本的绘制,如直线、椭圆、弧、弦、多边形以及文字等。
    下面直接通过示例来进行说明:

    #-*- coding: UTF-8 -*-    
    
    import numpy as np  
    from PIL import Image  
    from PIL import ImageDraw  
    from PIL import ImageFont  
    
    
    def draw_test():  
    
        #生成深蓝色绘图画布  
        array = np.ndarray((480, 640, 3), np.uint8)  
    
        array[:, :, 0] = 0  
        array[:, :, 1] = 0  
        array[:, :, 2] = 100  
    
        image = Image.fromarray(array)  
    
        #创建绘制对象  
        draw = ImageDraw.Draw(image)  
    
        #绘制直线  
        draw.line((20, 20, 150, 150), 'cyan')  
    
        #绘制矩形  
        draw.rectangle((100, 200, 300, 400), 'black', 'red')  
    
        #绘制弧  
        draw.arc((100, 200, 300, 400), 0, 180, 'yellow')  
        draw.arc((100, 200, 300, 400), -90, 0, 'green')  
    
        #绘制弦  
        draw.chord((350, 50, 500, 200), 0, 120, 'khaki', 'orange')  
    
        #绘制圆饼图  
        draw.pieslice((350, 50, 500, 200), -150, -30, 'pink', 'crimson')  
    
        #绘制椭圆  
        draw.ellipse((350, 300, 500, 400), 'yellowgreen', 'wheat')  
        #外切矩形为正方形时椭圆即为圆  
        draw.ellipse((550, 50, 600, 100), 'seagreen', 'skyblue')   
    
        #绘制多边形  
        draw.polygon((150, 180, 200, 180, 250, 120, 230, 90, 130, 100), 'olive', 'hotpink')  
    
        #绘制文本  
        font = ImageFont.truetype("consola.ttf", 40, encoding="unic")#设置字体  
        draw.text((100, 50), u'Hello World', 'fuchsia', font)  
    
        image.show()  
    
        return  

    首先,通过ImageDraw类创建一个绘制对象draw;
    draw.line():直线的绘制,第一个参数指定的是直线的端点坐标,形式为(x0, y0, x1, y1),第二个参数指定直线的颜色;
    draw.rectangle():矩形绘制,第一个参数指定矩形的对角线顶点(左上和右下),形式为(x0, y0, x1, y1),第二个指定填充颜色,第三个参数指定边界颜色;
    draw.arc():(椭)圆弧的绘制,第一个参数指定弧所在椭圆的外切矩形,第二、三两个参数分别是弧的起始和终止角度, 第四个参数是填充颜色,第五个参数是线条颜色;
    draw.chord():弦的绘制,和弧类似,只是将弧的起始和终止点通过直线连接起来;
    draw.pieslice():圆饼图的绘制,和弧与弦类似,只是分别将起始和终止点与所在(椭)圆中心相连;
    draw.ellipse():椭圆的绘制,第一个参数指定椭圆的外切矩形, 第二、三两个参数分别指定填充颜色和线条颜色,当外切矩形是正方形时,椭圆即为圆;
    draw.polygon():绘制多边形,第一个参数为多边形的端点,形式为(x0, y0, x1, y1, x2, y2,……),第二、三两个参数分别指定填充颜色和线条颜色;
    draw.text():文字的绘制,第一个参数指定绘制的起始点(文本的左上角所在位置),第二个参数指定文本内容,第三个参数指定文本的颜色,第四个参数指定字体(通过ImageFont类来定义)。

    绘制结果如下:


    这里写图片描述

    python中所支持的颜色,如下图所示:


    这里写图片描述

      另外,颜色也可以使用”#”加上6位16进制字符串表示如“#ff0000”,则和“red”等价,前两位表示R通道的值,中间两位表示G通道的值,最后两位表示B通道的值。

    参考资料:
    1、http://www.jb51.net/article/112556.htm 2017.10.3
    2、http://blog.csdn.net/guduruyu/article/details/71213717 2017.10.3

    展开全文
  • 主要给大家介绍了关于C#利用GDI+给图片添加文字文字自适应矩形区域)的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
  • 主要给大家介绍了关于Vue图片文字混输的实现方法,文中通过示例代码介绍的非常详细,对大家学习或者使用Vue具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
  • Java实现在图片添加文字(水印)

    千次阅读 2022-01-12 14:03:21
    比如下面这个图片,我们左下角就添加了一个文字版的水印,那么这是如何实现的呢 ? 目录 【1】获取原图片对象 (1.1)读取本地图片 (1.2)读取网络图片 【2】创建画笔 【3】添加文字水印 (3.1)如何...

    今天分享一个:通过Java代码,给图片添加文字。

    比如下面这个图片,我们在左下角就添加了一个文字版的水印,那么这是如何实现的呢 ?

    目录

    【1】获取原图片对象

    (1.1)读取本地图片

    (1.2)读取网络图片

    【2】创建画笔

    【3】添加文字水印

    (3.1)如何确定水印位置 ?

    【4】获取处理图片

    【5】源代码


    【1】获取原图片对象

    首先,第一步,肯定是要让我们的程序,拿到需要处理的图片。

    我们程序获取图片的方式,通常有两种,一种是通过下载到本地,从本地读取;另外一种就是通过网络地址进行获取。

    (1.1)读取本地图片

    比如,我们将图片下载到了我们计算机本地(E:\imgs目录下),那么我们直接在main函数中,通过下面这段代码,就可以获取到图片对象。 

    // 读取图片文件
    File file = new File("E:/imgs/test.png");
    System.out.println("图片名称:" + file.getName());
    System.out.println("图片大小:" + file.length() / 1024 + " kb");
    // 将文件对象转化为图片对象
    BufferedImage image = ImageIO.read(file);
    System.out.println("图片宽度:" + image.getWidth() + " px");
    System.out.println("图片高度:" + image.getHeight() + " px");

     代码效果如下:

    (1.2)读取网络图片

    如果图片是一个网络图片,我们可以直接获取它的地址进行下载,相关代码如下(网络图片的名称和类型,取决于下载者)。

    URL url = new URL("https://zyq2022.oss-cn-chengdu.aliyuncs.com/test.png");
    BufferedImage image = ImageIO.read(url.openStream());
    System.out.println("图片宽度:" + image.getWidth() + " px");
    System.out.println("图片高度:" + image.getHeight() + " px");

    代码效果如下:

    【2】创建画笔

    经过上面的描述,我们已经获取到了原始图片,接下来我们还需要创建一个画笔,后面我们写出的文字样式,完全则由它来决定。它可以设置颜色,字体大小,字体样式等。

    // 创建画笔(image为上一步的图片对象)
    Graphics2D pen = image.createGraphics();
    // 设置画笔颜色为白色
    pen.setColor(Color.WHITE);
    // 设置画笔字体样式为微软雅黑,斜体,文字大小为20px
    pen.setFont(new Font("微软雅黑", Font.ITALIC, 20));

    相关说明:

    (1) pen.setColor(Color.WHITE); 

    这行代码的意思是将画笔颜色设置为白色。

    其他颜色还有:WHITE(白色)、LIGHT_GRAY(浅灰色)、GRAY(灰色)、DARK_GRAY(深灰色)、BLACK(黑色)、RED(红色)、PINK(粉红色)、ORANGE(橘黄色)、YELLOW(黄色)、GREEN(绿色)、MAGENTA(紫红色)、CYAN(青色)、BLUE(蓝色)

    如果上面颜色都不满足你,或者你还想设置下字体透明度,你可以改为如下格式:

    pen.setColor(new Color(179, 250, 233, 100));

    这里的四个参数分别为 RGBA(不懂RGBA的点这里),四个参数的范围均是0-255;

    (2)pen.setFont(new Font("微软雅黑", Font.ITALIC, 20));

    Font.PLAIN(正常),Font.BOLD(粗体),Font.ITALIC(斜体)

    【3】添加文字水印

    下面这行代码就是添加文字水印的核心代码。

    // 这三个参数分别为你的文字内容,起始位置横坐标(px),纵坐标位置(px)。
    pen.drawString("我是图片水印", 30, 550);

    (3.1)如何确定水印位置 ?

    首先,大家要明白,我们在说图片上的坐标,它一个表示法,具体如下:

    那么,我们如何确定我们水印的图片其实坐标呢?

    我们可以将图片首先保存到本地,然后右键单击,选择画图工具类打开它。

     打开后,我们将鼠标光标移动到我们需要添加文字的地方(如红色箭头处),则底部就会显示对应位置的坐标(蓝色箭头处),那么这个坐标我们就可以拿到,然后写入到程序代码里了。

    【4】获取处理图片

    经过上面三次操作后,我们的图片添加文字就已经处理完成了,但他现在还保存在Java对象中,我们需要将他保存到本地,我们才能看得到效果(如:这里我将处理的图片保存到 test2.png 中)。

    // 创建新图片文件
    File file = new File("E:/imgs/test2.png");
    // 将处理好的图片数据写入到新图片文件中
    FileOutputStream fos = new FileOutputStream(file);
    ImageIO.write(image, "png", fos);

    最后执行代码,我们看到在原图片文件夹下,多了一个 test2.png 的图片。

     我们打开 test2.png 图片后,可以看到文字水印已经添加成功了。

    【5】源代码

    最后将前面解读的整个源码放在下面,供大家参考:

    package com.zyq.util;
    
    import java.awt.Color;
    import java.awt.Font;
    import java.awt.Graphics2D;
    import java.awt.image.BufferedImage;
    import java.io.File;
    import java.io.FileOutputStream;
    import java.io.IOException;
    import java.net.URL;
    
    import javax.imageio.ImageIO;
    
    public class ImgTest {
    
        public static void main(String[] args) throws IOException {
            // 读取本地图片文件
            // File file = new File("E:/imgs/test.png");
            // System.out.println("图片名称:" + file.getName());
            // System.out.println("图片大小:" + file.length() / 1024 + " kb");
            // 将文件对象转化为图片对象
            // BufferedImage image = ImageIO.read(file);
            // 获取网络图片
            URL url = new URL("https://zyq2022.oss-cn-chengdu.aliyuncs.com/test.png");
            BufferedImage image = ImageIO.read(url.openStream());
            // 创建画笔
            Graphics2D pen = image.createGraphics();
            // 设置画笔颜色为白色
            // pen.setColor(Color.WHITE);
            pen.setColor(new Color(179, 250, 233, 200));
            // 设置画笔字体样式为微软雅黑,斜体,文字大小为20px
            pen.setFont(new Font("微软雅黑", Font.ITALIC, 20));
            // 写上水印文字和坐标
            pen.drawString("我是图片水印", 30, 550);
            // 创建新图片文件
            File file = new File("E:/imgs/test2.png");
            // 将处理好的图片数据写入到新图片文件中
            FileOutputStream fos = new FileOutputStream(file);
            ImageIO.write(image, "png", fos);
        }
    }
    

    展开全文
  • 如何在图片中插入大量文字并且自动换行 效果 原始图 效果图 注明 若需要写入中文请使用中文字体 实现方式 from PIL import Image, ImageDraw, ImageFont class ImgText: font = ImageFont.truetype("micross.ttf...
  • 图片添加文字,常用的方式:将一张图片设置为背景,然后里面加文字;加span标签,设置css样式;下面为大家介绍下
  • 我使用了Latex的subfigure,可以对图片进行自动编号,现在我想对subfigure中的某一张图片上面加上文字,注意不是图片下面加caption。请问该如何实现。...请问我该如何加文字到subfigure中的图片中去?非常感谢!
  • 如何用Photoshop给图片加文字 最简约...点中左边工具栏里的 T字型文字工具然后点一下图片中任何 位置然后输入文字口郁金香 选中所有文字也就是光标变成I的样子的时候涂黑文字然 后改变文字大小对齐方式和颜色都在上
  • PHP实现在图片中添加中文文字

    千次阅读 2021-03-23 21:19:49
    /*注重:需要gd库支持,需要iconv支持(php5已经包含不用加载)在图片中添加中文文字*//*param$image图象资源paramsize字体大小paramangle字体输出角度paramshowX输出位置x坐标paramshowY输出位置y坐标paramfont字体...
  • html+css怎么在图片添加文字

    千次阅读 2021-06-08 19:19:11
    第二种方法:图片作为背景图片 wenzi推荐答案第一种方法:添加一个DIV,采用绝对定位,图片所属DIV为基准 文字第二种方法:图片作为背景图片wenzi辅助答案用户:西瓦的守护2017年12月18日html+css在图片添加文字有...
  • 本软件用于批量导入本地图片,识别图片中的文本,输出到软件面板或本地txt文件/md文件。除了能批量识别普通图片,本软件还有忽略指定区域的特殊功能。本软件使用离线OCR模块 PaddleOCR-json 图片转文字程序 ,使用...
  • Visual C#动态修改图片-在图片添加描述信息,类似图片加水印的功能,特别是加文字文印,先给选中的图片上写上具体的ID编号,还需要判断文件类型是否为图像类型,这里就不赘述了,定义一个矩形区域,以后这个矩形...
  • 添加文字使用text函数,难点在于保存,使用getframe来捕获,然后使用imwrite来保存,类似的教程网上很多,但是有的添加文字不是使用text函数,matlab2018已经不能用,有的并没有讲明如何保存加文字后的图片,有的图片...
  • 工作有时候会给图上添加文字,常用的是PS工具,不过我想通过代码的方式来给图片添加文字。 需要使用的Python的图像库:PIL.更加详细的知识点如下: Imaga模块:用来创建,打开,保存图片文件 new(path):用来...
  • Python在图片添加文字

    千次阅读 2022-03-02 16:07:49
    图片文字
  • Android自定义实现图片文字功能 分四步来写: 1,组合控件的xml; 2,自定义组合控件的属性; 3,自定义继承组合布局的class类,实现带两参数的构造器; 4,xml展示组合控件。 具体实现过程: 一、组合...
  • 在图片中写入文字

    2018-03-03 22:56:08
    类似图片编辑软件,直接导入的图片添加文字,回车后确定文字,点击保存图像即可保存带有文字图片

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 249,686
精华内容 99,874
关键字:

怎么在图片中添加文字