精华内容
下载资源
问答
  • 第二种方法:图片作为背景图片 wenzi推荐答案第一种方法:添加一个DIV,采用绝对定位,图片所属DIV为基准 文字第二种方法:图片作为背景图片wenzi辅助答案用户:西瓦的守护2017年12月18日html+css在图片添加文字有...

    用户提问

    第一种方法: 添加一个DIV,采用绝对定位,图片所属DIV为基准 文字 第二种方法:图片作为背景图片 wenzi

    推荐答案

    第一种方法:

    添加一个DIV,采用绝对定位,图片所属DIV为基准

    文字

    第二种方法:图片作为背景图片

    wenzi

    辅助答案

    用户:西瓦的守护

    2017年12月18日

    html+css在图片上添加文字有两种方法如下:

    1.添加一个DIV,采用绝对定位,图片所属DIV为基准

    文字

    第二种方法:图片作为背景图片

    wenzi

    背景图片现在有了,然后在上面写上你需要写的字就可以了。

    用户:yangyw@opencart.cn

    2017年12月06日

    如果对图片不做滤镜等特殊效果处理的话可以考虑做

    背景,但两个
    嵌套的方法并不好控制,如果这两个块是空的,那他们确实可以嵌套,但如果都有了内容,其中一个块的内容就会被挤出来,即便
    是真的嵌套在一起的。

    用户:soft0

    2017年12月25日

    第一种方法是写两个 div ,第一个div放图片,并且放在下面;第二个div放文字,并且放在上面。

    第二种方法是写一个div ,图片作为背景图,然后div中放文字。

    用户:馨蕾1212

    2018年01月06日

    图片设置为元素背景,然后就可以在元素里写文字了,看上去就像在图片上添加文字

    展开全文
  • 一张图片为画布,对图片进行处理,在图片添加问题,设置文字的字体。字体必须是TTF格式,附件附带三种字体,微软雅黑,宋体,新宋体。
  • iOS在图片添加文字图片

    千次阅读 2016-09-30 15:58:47
    Objective-C在图片添加文字或者图片

    Objective-C在图片上添加文字,请使用如下方法:


    /**
     在图片上添加文字,只支持英文,如果想添加其他文字,请看下面的方法
    
     @param image  图片
     @param string 要添加的文字
    
     @return 新的图片
     */
    -(UIImage *)addText:(UIImage *)image text:(NSString *)string
    {
        //上下文的大小
        int w = image.size.width;
        int h = image.size.height;
        CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();//创建颜色
        //创建上下文
        CGContextRef context = CGBitmapContextCreate(NULL, w, h, 8, 44 * w, colorSpace, kCGImageAlphaPremultipliedFirst);
        CGContextDrawImage(context, CGRectMake(0, 0, w, h), image.CGImage);//将img绘至context上下文中
        CGContextSetRGBFillColor(context, 0.0, 1.0, 1.0, 1);//设置颜色
        char* text = (char *)[string cStringUsingEncoding:NSASCIIStringEncoding];
        CGContextSelectFont(context, "Georgia", 50, kCGEncodingMacRoman);//设置字体的大小
        CGContextSetTextDrawingMode(context, kCGTextFill);//设置字体绘制方式
        CGContextSetRGBFillColor(context, 255, 0, 0, 1);//设置字体绘制的颜色
        CGContextShowTextAtPoint(context, w/2-strlen(text)*5, h/2, text, strlen(text));//设置字体绘制的位置
        //Create image ref from the context
        CGImageRef imageMasked = CGBitmapContextCreateImage(context);//创建CGImage
        CGContextRelease(context);
        CGColorSpaceRelease(colorSpace);
        return [UIImage imageWithCGImage:imageMasked];//获得添加水印后的图片   
    }


    Objective-C在图片上添加图片,请使用如下方法:

    /**
     在一张图片上添加logo或者水印;
     添加文字也可以这么做,让美工做一张文字图片即可
     warn 不支持jpg的图片
     
     @param image     原始的图片
     @param logoImage 要添加的logo
    
     @return 返回一张新的图片
     */
    -(UIImage *)addImageLogo:(UIImage *)image text:(UIImage *)logoImage
    {
        //原始图片的宽和高,可以根据需求自己定义
        CGFloat w = self.view.frame.size.width;
        CGFloat h = self.view.frame.size.height;
        //logo的宽和高,也可以根据需求自己定义
        CGFloat logoWidth = logoImage.size.width;
        CGFloat logoHeight = logoImage.size.height;
        //绘制
        CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
        CGContextRef context = CGBitmapContextCreate(NULL, w, h, 8, 44 * w, colorSpace, kCGImageAlphaPremultipliedFirst);
        CGContextDrawImage(context, CGRectMake(0, 0, w, h), image.CGImage);
        //绘制的logo位置,可自己调整
        CGContextDrawImage(context, CGRectMake(w-logoWidth-10, 10, logoWidth, logoHeight), [logoImage CGImage]);
        CGImageRef imageMasked = CGBitmapContextCreateImage(context);
        CGContextRelease(context);
        CGColorSpaceRelease(colorSpace);
        return [UIImage imageWithCGImage:imageMasked];
    }
    


    展开全文
  • C#实现在图片添加文字和二维码

    千次阅读 2019-06-04 16:14:22
    源程序下载地址: ...原始素材: 我的公众号二维码图片: 运行程序后的效果图: 源代码如下: 添加图片方法: DrawImage(Image, 画图位置x,...添加文字方法: 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();
    	
    	    }
    
    展开全文
  • html中添加了图片,想在图片添加文字,可是文字总是显示换行或者第一行
  • Java之图片添加文字

    千次阅读 2017-09-27 17:19:47
    实际开发中,有时候会遇到操作图片的需求,比如说已有的图片添加文字,生成新的图片等需求,下面代码是我根据项目需求做的在图片添加文字的功能: public class GenerateDynamicHealthImage { Log log = ...

    在实际开发中,有时候会遇到操作图片的需求,比如说在已有的图片上添加文字,生成新的图片等需求,下面代码是我根据项目需求做的在图片上添加文字的功能:

    public class GenerateDynamicHealthImage {
    
    	Log log = LogFactory.getLog(GenerateDynamicHealthImage.class);
    
    	/**
    	 * 生成图片方法
    	 * @author WQ
    	 * @param inPath
    	 * @param outPath
    	 * @param content
    	 * @param img
    	 * @param font
    	 * @param start_point_x
    	 * @param start_point_y
    	 */
    	public void generateImage(String inPath, String outPath,
    			String[][] content, Image img, Font font, int start_point_x,
    			int start_point_y) {
    		try {
    			File file = new File(inPath);
    			Image image = ImageIO.read(file);
    			int height = image.getHeight(null);
    			int width = image.getWidth(null);
    			int text_x = 0;
    			int text_y = 0;
    			int img_x = 0;
    			int img_y = 520;
    			int line_y = 498;
    			Color color = new Color(89, 89, 89);
    			BufferedImage bufferedImage = new BufferedImage(width, height,
    					BufferedImage.TYPE_INT_RGB);
    			Graphics2D graphics = bufferedImage.createGraphics();
    			//文字去锯齿
    			graphics.drawImage(image, 0, 0, width, height, null);
    			graphics.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
    					RenderingHints.VALUE_ANTIALIAS_ON);
    			graphics.setRenderingHint(RenderingHints.KEY_STROKE_CONTROL,
    					RenderingHints.VALUE_STROKE_NORMALIZE);
    			graphics.setRenderingHint(RenderingHints.KEY_RENDERING,
    					RenderingHints.VALUE_RENDER_QUALITY);
    			if (img != null) {
    				graphics.setFont(font);
    				text_x = start_point_x;
    				text_y = start_point_y;
    				for (int i = 0; i < content.length; i++) {
    					String[] tempData = content[i];
    					color = new Color(89, 89, 89);
    					text_x = start_point_x;
    					if (i == 1){
    						text_y += 110;
    						img_y += 140;
    					} else if (i != 0 && i > 1){
    						text_y += 100;
    						img_y += 130;
    					}
    					line_y += 132;
    					for (int j = 0; j < tempData.length; j++) {
    						if (j == 1) {
    							text_y += 50;
    							color = new Color(171, 171, 171);
    							graphics.drawLine(12, line_y, 750 - 12, line_y);
    						} else if (j == 2) {
    							text_x = width - 124;
    							text_y -= 20;
    							img_x = 50;
    							if (tempData[2].equals("过高")){
    								color = new Color(255, 80, 80);
    							} else {
    								color = new Color(71, 207, 162);
    							}
    							graphics.drawImage(img, img_x, img_y, null);
    						}
    						graphics.setColor(color);
    						graphics.drawString(tempData[j], text_x, text_y);
    					}
    				}
    
    			} else {
    				System.out.println("构建数据的图片对象为空...");
    			}
    			FileOutputStream fileOutputStream = new FileOutputStream(outPath);
    			ImageIO.write(bufferedImage, "png", fileOutputStream);
    			System.out.println("图片添加文字完成" + width + "---" + height);
    			fileOutputStream.flush();
    			fileOutputStream.close();
    		} catch (IOException e) {
    			log.info("io exception :" + e);
    		}
    	}
    
    	public static void main(String[] args) {
    		Font font = new Font("微软雅黑", Font.PLAIN, 30);
    		String inPath = "D:/TestGenerateImage/DynamicImage/testImage.png";
    		String outPath = "D:/TestGenerateImage/DynamicImage/testImage1.png";
    		/*String inPath = "D:/TestGenerateImage/DynamicImage/Test.jpg";
    		String outPath = "D:/TestGenerateImage/DynamicImage/Test1.jpg";*/
    		String[][] textConent = {
    				{ "血压(非空腹) : 6.0mmol/L", "时间: 2017年9月16日 10:52", "正常" },
    				{ "血压(非空腹) : 13.0mmol/L", "时间: 2017年9月16日 15:47", "过高" },
    				{ "血压(非空腹) : 6.3mmol/L", "时间: 2017年9月16日 16:13", "正常" } ,
    				{ "血压(非空腹) : 6.6mmol/L", "时间: 2017年9月17日 10:24", "正常" },
    				{ "血压(非空腹) : 15.1mmol/L", "时间: 2017年9月17日 11:10", "过高" } };
    		int x = 150;
    		int y = 540;
    		try {
    			new GenerateDynamicHealthImage().generateImage(inPath, outPath,
    					textConent, ImageIO.read(new File(
    							"D:/TestGenerateImage/testIcon1.png")), font, x, y);
    		} catch (IOException e) {
    			e.printStackTrace();
    		}
    	}
    
    }
    添加文字前图片:


    添加文字后图片:



    这样就完成了图片添加文字的需求,当然,文字添加的位置要根据项目需求去做。

    核心就是使用Graphics2D的drawString、drawImage、drawLine来完成文字、图片、分割线的添加



    展开全文
  •  1.0 :在图片上增加文字,是图片编辑中非常常见的需求。  1.1 :无demo说话不硬气,上github地址:https://github.com/horisea/PictureWhitening   欢迎star,你的星星是我持续创作的动力 二:上一下效果...
  • LaTex 在图片添加文字和公式

    千次阅读 2019-08-16 16:26:30
    使用宏包 \usepackage{overpic} 使用方法 \usepackage{overpic} \begin{overpic}[scale=0.35 or width=1\textwidth=1]{图片名称} …… \end{overpic} 示例
  • Python版在图片添加文字

    千次阅读 2018-08-26 21:59:42
    工作中有时候会给图上添加文字,常用的是PS工具,不过我想通过代码的方式来给图片添加文字。 需要使用的Python的图像库:PIL.更加详细的知识点如下: Imaga模块:用来创建,打开,保存图片文件 new(path):用来...
  • 一种方式:直接将这个图用ps处理,还有一种html里面有层级代码,修改代码将字这...然后写字dadasdasdashtml+css怎么在图片添加文字在图片上显示文字,还要放大缩小的时候文字不到处乱跑,这个就要用盒模型里面...
  • 想尝试绘制校徽 ...但是校徽下面那一行围绕圆的字不会打,请教一下各位大神 例如图片上的双流县黄水小学 可以实现吗?![图片说明](https://img-ask.csdn.net/upload/201905/13/1557762153_433057.jpg)
  • 使用Java在图片添加文字

    千次阅读 2020-10-17 01:02:53
    图片加载到BufferedImage类,使用Graphics2D类对图片进行文字绘制,最后输出流,前端通过a标签访问即可完成下载。我的电脑中,Arial字体样式和图片中的时间的字体样式一致,将项目部署到linux中后由于系统中没有...
  • Python在图片添加文字的两种操作

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

    万次阅读 2018-08-06 09:18:31
    我们可以利用php的gd库扩展来对我们的图片进行处理,例如是生成缩略图,对图片进行裁切,和本章将说的在图片添加文字。 1.首先我们需要接受到我们需要的文字:$key = $_GET['key'];具体对接收值进行防sql处理等操作...
  • 这是两张图片,底图+二维码 ,“长按识别二维码”是后添加上去的。 至于为什么不直接放一张带二维码的图片呢,这是公司业务需求,下面来说说怎么实现的(二维码后台返回的是一张正方形图片,后期经过处理成这样的)...
  • android在图片添加文字

    千次阅读 2016-02-19 11:24:32
    public static Bitmap drawTextToBitmap(Context gContext, int gResId, int gText) { String text = String.valueOf(gText); Resources resources = gContext....如果不能看到文字,调整一下文字的位置
  • 用python在图片中如何添加文字

    万次阅读 2018-05-02 14:03:35
    本文和大家分享的主要是使用python在图片添加文字相关内容,一起来看看吧,希望对大家学习python有所帮助。  使用OpenCV  在图片添加文字看上去很简单,但是如果是利用OpenCV来做却很麻烦。OpenCV中并没有...
  • ![图片说明](https://img-ask.csdn.net/upload/201510/15/1444878746_250695.png)图片能解决,怎么把文字添加图片下面
  • 使用python在图片中如何添加文字

    千次阅读 2017-07-21 19:02:03
    本文和大家分享的主要是使用python在图片添加文字相关内容,一起来看看吧,希望对大家学习python有所帮助。  使用OpenCV  在图片添加文字看上去很简单,但是如果是利用OpenCV来做却很麻烦。OpenCV中并...
  • php给图片添加文字水印

    千次阅读 2015-07-30 13:59:28
    PHP对图片的操作用到GD库,这里我们介绍如何给图片添加文字水印。 大致分为四步: 1.打开图片 2.操作图片 3.输出图片 4.销毁图片 下面我们上代码来具体讲解每步的实现过程: /*打开图片*/ //1.配置图片路径...
  • 本片内容:你原来的图片添加一些文字(可选择不同字体); 这篇文章主要是因为我们尽(sang)职(xin)尽(bing)责(kuang)的python老师给我们布置的实验是!!给自己学校的110周年画一幅海报,没错,,用...
  • 用QRcode生成二维码时,图片底部怎么添加文字,就像摩拜车上二维码一样
  • JAVA 画图 给图片底部添加文字标题

    千次阅读 2018-08-27 19:26:15
    JAVA 画图 给图片底部添加文字标题 需求给图片底部添加文字编号 import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.Image; import java.awt.RenderingHints; import ...
  • ps中为什么在图片上面添加不了文字

    千次阅读 2018-05-17 21:46:00
    但有时因图片格式问题,导致添加文字是一个小黑点,无法看清,下面就为大家讲解一下具体的处理方法。   工具/原料   Photoshop CS5、图片 方法/步骤   首先,打开一张素材图片,点击文字工具进行...
  • ImageIcon searchm=new ImageIcon("s2.png"); JButton search=new JButton("搜索",searchm);search.setVerticalTextPosition(JButton.BOTTOM); search.setHorizontalTextPosition(JButton.CENTER);...
  • C#指定图片添加文字

    千次阅读 2017-09-26 20:43:18
    //下面定义一个矩形区域,以后这个矩形里画上白底黑字 float rectX = 120; float rectY = 200; float rectWidth = text.Length * (fontSize + 40); float rectHeight = fontSize + 40; //声明矩形域 ...
  • 笔者最近接到一个新的任务,不是很难的功能,就是之前没有接触过,后端生成带参数的小程序二维码图片,并在图片下面添加一些文字。想将代码分享给大家,期望可以给大家提供帮助。 一、首先生成小程序的分享二维码...
  • Js 图片 (或者任意元素) 添加文字

    千次阅读 2016-07-28 16:17:15
    使用js动态添加文字
  • 使用viewer.js时有时想展示图片的简介,可以对viewer 源码做一些修改。 图中框住的位置本来是显示图片的alt信息的,我想把它替换成图片的简介。...首先,需要img标签加入data-summary属性,summary的名字可以...
  • android 图片下面显示文字

    千次阅读 2013-03-21 09:27:44
    现在移动设备的按钮设计讲究大图标小文字,希望用户只要一看到图标便能知道这个按钮是干嘛的,但又要有必要的文字提示,最常见的就数搜索按钮了,上面一个大大的放大镜图标,下面两个字——搜索。 Bill最近也做...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 122,560
精华内容 49,024
关键字:

如何在图片下面添加文字