给你的图片打上LOGO

2023-10-29 11:32
文章标签 图片 logo 打上

本文主要是介绍给你的图片打上LOGO,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

做图片处理软件,肯定会遇到这样的需求:如何把一张图片放在另一张图片上,比如在大图片中打上公司或个人的Logo等等。

其实原理很简单。假设我们有一张 800 * 600 的大图片(Bitmap b0),想在(10,10)的位置上打上Logo(Bitmap b1),Logo图片大小是 150 * 30。很简单,我们以大图片的(10,10)位置作为起始位置,做一个150 * 30 的矩形,把Logo图片整个替换这个矩形。

老规矩,还是用BitmapData来帮助我们实现这个功能。

// 取以大图(X,Y)为起点,w * h 的矩形区域
BitmapData srcData = b0.LockBits(new Rectangle(X,Y,w,h),ImageLockMode.WriteOnly,PixelFormat.Format24bppRgb);

// 取整个Logo
BitmapData dstData = b1.LockBits(new Rectangle(0,0,w,h),ImageLockMode.ReadOnly, PixelFormat.Format24bppRgb);

unsafe
{
    byte* pIn = (byte*)srcData.Scan0.ToPointer();  
    byte* pLogo = (byte*)dstData.Scan0.ToPointer();

    for (int y = 0; y < h; y++)
    {
        for (int x = 0; x < w; x++)
        {

  // 复制Logo图的像素   
  pIn[0] = (byte)pLogo[0];
  pIn[1] = (byte)pLogo[1];
  pIn[2] = (byte)pLogo[2];

  pIn += 3;
  pLogo += 3;
        }

        pIn += srcData.Stride - w * 3;
        pLogo += dstData.Stride - w * 3;
    }

    b0.UnlockBits(srcData);
    b1.UnlockBits(dstData);
}

这样,为图片打Logo的功能就实现了。当然,还可以有别的方法,比如用BitBlt这个API函数,或者使用GDI+的DrawImage函数。

但这样有个小问题,Logo区域永远是个矩形。假如我的Logo是个圆形,只希望在大图上出现圆形的Logo而不是整块矩形,那又该如何实现呢?

这个问题其实可以这样理解:我们让Logo的背景变透明。而所谓透明,就是两张图片叠加时,上层图片“透明”区域中的像素,仍然使用下层图的相应像 素来代替。但在RGB模式下,并没有“透明”这个概念(我们的讨论都在用 PixelFormat.Format24bppRgb,PixelFormat.Format32bppArgb中的Alpha分量支持“透明度”), 因此我们需要自己规定一种颜色,凡是这个颜色的,都作为“透明”处理。

比如,我们的Logo是黑底的,那么就指定黑色作为透明色。

修改算法也很简单,凡是遇到Logo图中像素颜色是黑色(当然这是个参数,可以自己改)的,就用大图相应位置的颜色来代替,否则还是使用Logo的像素色。下面是算法:

// 因为有可能要回写,所以原图的 ImageLockMode 这次是 ReadWrite
BitmapData srcData = b0.LockBits(new Rectangle(X, Y, w, h), ImageLockMode.ReadWrite, PixelFormat.Format24bppRgb);

BitmapData dstData = b1.LockBits(new Rectangle(0, 0, w, h), ImageLockMode.ReadOnly, PixelFormat.Format24bppRgb);

unsafe
{
    byte* pIn = (byte*)srcData.Scan0.ToPointer();
    byte* pLogo = (byte*)dstData.Scan0.ToPointer();

    for (int y = 0; y < h; y++)
    {
        for (int x = 0; x < w; x++)
        {

  // 判断当前点是否透明色
  // 取得当前色
  Color c = Color.FromArgb(pLogo[2], pLogo[1], pLogo[0]);
  if (!ColorIsSimilar(c, TransColor, delta))
  {
   // 不是透明色,b0当前位置的颜色用b1对应位置的来代替
   pIn[0] = (byte)pLogo[0];
   pIn[1] = (byte)pLogo[1];
   pIn[2] = (byte)pLogo[2];
  }

  pIn += 3;
  pLogo += 3;
        }

        pIn += srcData.Stride - w * 3;
        pLogo += dstData.Stride - w * 3;
    }

    b0.UnlockBits(srcData);
    b1.UnlockBits(dstData);
}

我们在上面的算法中出现了另一个小算法,判断颜色C0,C1是否相等。当然如果两个颜色的RGB分量都相等那就肯定是相等了,但考虑到容差方面的因素,我们需要一个更灵活的算法。

我们知道,一个颜色由RGB三个分量组成,每个分量取值[0,255]的整数。这样,任意一个颜色都是这个有限空间中的一个点。两个颜色的“相似度”是否在阀值范围内的问题,最简单的思路也就可以认为求证空间两点的距离是否在阀值范围内。

空间两点距离公式:r2 = (x0-x1)2 + (y0-y1)2 + (z0-z1)2

下面是我的算法。

        /// <summary>
        /// 颜色是否近似
        /// </summary>
        /// <param name="c0">颜色0</param>
        /// <param name="c1">颜色1</param>
        /// <param name="delta">容差</param>
        /// <returns>是/否</returns>
        public static bool ColorIsSimilar(Color c0, Color c1, int delta)
        {
            int r0, r1, g0, g1, b0, b1;

            r0 = c0.R;
            r1 = c1.R;

            g0 = c0.G;
            g1 = c1.G;

            b0 = c0.B;
            b1 = c1.B;

            if  ((r0-r1)*(r0-r1) + (g0-g1) * (g0-g1) + (b0-b1) * (b0-b1) <= delta * delta)
            {
                return true;
            }
            else
            {
                return false;
            }           

        }

 最后再来看看一种情况。我们需要Logo半透明的呈现,貌似水印样的效果。有了上面两种处理图片的经验,不难认识到,大图b0的指定区域中需要混合原始像素和Logo图片b1像素后的新像素填充。

不难想象,新像素值应该结合了大图和Logo图两方面因素的。Logo图越透明,大图受的影响越小。所以这里我们可以采用加权平均的方法来得到混合后的新值。

新值 = (1 - 不透明度%)* 大图像素值 + 不透明度% * Logo图像素值

完整的函数如下:

        /// <summary>
        /// 合并两张图片,支持不透明度和透明色
        /// </summary>
        /// <param name="b0">图片一</param>
        /// <param name="b1">图片二</param>
        /// <param name="X">起始坐标X</param>
        /// <param name="Y">起始坐标Y</param>
        /// <param name="b1_alpha">图片二的不透明度</param>
        /// <param name="TransColor">被作为透明色处理的颜色</param>
        /// <param name="delta">透明色的容差</param>
        /// <returns>合并后的图片</returns>
        public static Bitmap KiMerge(Bitmap b0, Bitmap b1, int X, int Y, int b1_alpha,Color TransColor,int delta)
        {
            if (b0.Equals(null) || b1.Equals(null))
            {
                return null;
            }

            int w0 = b0.Width;
            int h0 = b0.Height;

            int w1 = b1.Width;
            int h1 = b1.Height;

            int w, h;

            if (X + w1 > w0)
            {
                w = w0 - X;
            }
            else
            {
                w = w1;
            }

            if (Y + h1 > h0)
            {
                h = h0 - Y;
            }
            else
            {
                h = h1;
            }

            BitmapData srcData = b0.LockBits(new Rectangle(X, Y, w, h), ImageLockMode.ReadWrite, PixelFormat.Format24bppRgb);
            BitmapData dstData = b1.LockBits(new Rectangle(0, 0, w, h), ImageLockMode.ReadOnly, PixelFormat.Format24bppRgb);

            unsafe
            {
                byte* pIn = (byte*)srcData.Scan0.ToPointer();
                byte* pLogo = (byte*)dstData.Scan0.ToPointer();

                for (int y = 0; y < h; y++)
                {
                    for (int x = 0; x < w; x++)
                    {

                        // 判断透明色
                        Color c = Color.FromArgb(pLogo[2], pLogo[1], pLogo[0]);
                        if (!ColorIsSimilar(c, TransColor, delta))
                        {                           

                            float bili = (float)b1_alpha / (float)255; // 不是透明色,加权平均
                            float inbili = 1.0f - bili;

                            int r, g, b;

                            b = (int)(pIn[0] * inbili + pLogo[0] * bili);
                            g = (int)(pIn[1] * inbili + pLogo[1] * bili);
                            r = (int)(pIn[2] * inbili + pLogo[2] * bili);

                            pIn[0] = (byte)b;
                            pIn[1] = (byte)g;
                            pIn[2] = (byte)r;
                        }
                        pIn += 3;
                        pLogo += 3;
                    }


                    pIn += srcData.Stride - w * 3;
                    pLogo += dstData.Stride - w * 3;
                }

                b0.UnlockBits(srcData);
                b1.UnlockBits(dstData);
            }

            return b0;
        }


当然方法有很多,这里只是从原理的角度阐述了一下我的观点,谁有更好的方法请让我知道。

这篇关于给你的图片打上LOGO的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/300362

相关文章

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

Prompt - 将图片的表格转换成Markdown

Prompt - 将图片的表格转换成Markdown 0. 引言1. 提示词2. 原始版本 0. 引言 最近尝试将图片中的表格转换成Markdown格式,需要不断条件和优化提示词。记录一下调整好的提示词,以后在继续优化迭代。 1. 提示词 英文版本: You are an AI assistant tasked with extracting the content of

研究人员在RSA大会上演示利用恶意JPEG图片入侵企业内网

安全研究人员Marcus Murray在正在旧金山举行的RSA大会上公布了一种利用恶意JPEG图片入侵企业网络内部Windows服务器的新方法。  攻击流程及漏洞分析 最近,安全专家兼渗透测试员Marcus Murray发现了一种利用恶意JPEG图片来攻击Windows服务器的新方法,利用该方法还可以在目标网络中进行特权提升。几天前,在旧金山举行的RSA大会上,该Marcus现场展示了攻击流程,

恶意PNG:隐藏在图片中的“恶魔”

&lt;img src=&quot;https://i-blog.csdnimg.cn/blog_migrate/bffb187dc3546c6c5c6b8aa18b34b962.jpeg&quot; title=&quot;214201hhuuhubsuyuukbfy_meitu_1_meitu_2.jpg&quot;/&gt;&lt;/strong&gt;&lt;/span&gt;&lt;

PHP抓取网站图片脚本

方法一: <?phpheader("Content-type:image/jpeg"); class download_image{function read_url($str) { $file=fopen($str,"r");$result = ''; while(!feof($file)) { $result.=fgets($file,9999); } fclose($file); re

(入门篇)JavaScript 网页设计案例浅析-简单的交互式图片轮播

网页设计已经成为了每个前端开发者的必备技能,而 JavaScript 作为前端三大基础之一,更是为网页赋予了互动性和动态效果。本篇文章将通过一个简单的 JavaScript 案例,带你了解网页设计中的一些常见技巧和技术原理。今天就说一说一个常见的图片轮播效果。相信大家在各类电商网站、个人博客或者展示页面中,都看到过这种轮播图。它的核心功能是展示多张图片,并且用户可以通过点击按钮,左右切换图片。

matplotlib绘图中插入图片

在使用matplotlib下的pyplot绘图时,有时处于各种原因,需要采用类似贴图的方式,插入外部的图片,例如添加自己的logo,或者其他的图形水印等。 一开始,查找到的资料都是使用imshow,但是这会有带来几个问题,一个是图形的原点发生了变化,另外一个问题就是图形比例也产生了变化,当然最大的问题是图形占据了整个绘图区域,完全喧宾夺主了,与我们设想的只在绘图区域中占据很小的一块不相符。 经

react笔记 8-17 属性绑定 class绑定 引入图片 循环遍历

1、绑定属性 constructor(){super()this.state={name:"张三",title:'我是一个title'}}render() {return (<div><div>aaaaaaa{this.state.name}<div title={this.state.title}>我是一个title</div></div></div>)} 绑定属性直接使用花括号{}   注