隐藏图不是什么新鲜的东西,具体表现在大部分社交软件中,预览图看到的是一张图,而点开后看到的又是另一张图。虽然很早就看到过这类图片,但是一直没有仔细研究过它的原理,今天思考了一下,发现挺有趣的,所以自己也写了个简单的算法把两张图片合成为一张隐藏图。

比如下面这张图。

当背景颜色为白色时,通常也就是在预览状态下,它是这个样子的

而当背景颜色变黑以后,通常也就是点开图片以后,它是这样子的。。

隐藏图原理

  我们知道一张图片中具有透明度的像素会叠加一部分的背景色,因此当背景色为白色时,所有具有透明度的白色像素全部显示为纯白色,当背景色为黑色时,所有具有透明度的黑色会显示为纯黑色。因此我们只需要把图片一的所有像素根据其灰度值转换成不同透明度的黑色,将图片二的所有像素根据其灰度值转换成不同透明度的白色,并将两图的所有像素按照任意规律交叉排列,即可生成隐藏图。这样当背景色为黑色时,图一的所有像素将会显示为纯黑色,图二的所有像素会因为其透明度不同显现出不同的灰色,此时图一隐藏,图二显现,反之同理。

算法实现

  基本的算法思路上面已经提过了,可以说是一个相当简单的算法了。不过具体有几点需要注意:

  1. 由其原理可知,隐藏图只能是黑白的,不能是彩色的,因此当遇到彩色像素时,需要将其转换成灰度。对于彩色转灰度,心理学中有一个公式:Gray = R*0.299 + G*0.587 + B*0.114,我们需要做的是根据算出来的灰度设定像素透明度。在白色背景下,黑色像素的灰度会随着像透明度增高而降低,在黑色背景下,白色像素的灰度会随着透明度增高而增高
  2. 考虑到需要合成的两张图片尺寸不一致,为了保证生成的隐藏图能够完成保留两张图片信息并且不发生变形,我们需要将最终图片的长和宽设定为两张图片尺寸中最大的长和最大的宽

好的,接下来把我的代码实现贴出来吧

 using System;
using System.IO;
using System.Drawing; class MainClass
{
public static void Main(string[] args)
{
//图片一的文件路径
Stream blackImageReader = new FileStream("/Users/shiyidu/Desktop//1.jpg", FileMode.Open);
Bitmap blackImage = new Bitmap(blackImageReader); //图片二的文件路径
Stream whiteImageReader = new FileStream("/Users/shiyidu/Desktop//2.jpg", FileMode.Open);
Bitmap whiteImage = new Bitmap(whiteImageReader); //生成最终图片
Bitmap finalImage = CalculateHiddenImage(blackImage, whiteImage); //最终图片保存路径
Stream imageCreater = new FileStream("/Users/shiyidu/Desktop//final.png", FileMode.Create);
finalImage.Save(imageCreater, System.Drawing.Imaging.ImageFormat.Png);
} private static Bitmap CalculateHiddenImage(Bitmap blackImage, Bitmap whiteImage)
{
int b_width = blackImage.Width;
int b_height = blackImage.Height;
int w_width = whiteImage.Width;
int w_height = whiteImage.Height; //设定最终图片的尺寸
int f_width = Math.Max(b_width, w_width);
int f_height = Math.Max(b_height, w_height); Bitmap result = new Bitmap(f_width, f_height); //黑色图片距离边缘的距离
int b_widthOffset = b_width == f_width ? : (f_width - b_width) / ;
int b_heightOffset = b_height == f_height ? : (f_height - b_height) / ; //白色图片离边缘距离
int w_widthOffset = w_width == f_width ? : (f_width - w_width) / ;
int w_heightOffset = w_height == f_height ? : (f_height - w_height) / ; for (int x = ; x < f_width; x++) {
for (int y = ; y < f_height; y++) {
//上下左右交叉排列黑白像素
bool blackPixel = (x + y) % == ? true : false; int coor_x;
int coor_y;
//决定当前像素位置是否对应图一或图二某像素,如果没有,跳过循环
bool validPixel = true;
if (blackPixel) {
coor_x = x - b_widthOffset;
if (coor_x > b_width - ) validPixel = false;
coor_y = y - b_heightOffset;
if (coor_y > b_height - ) validPixel = false;
} else {
coor_x = x - w_widthOffset;
if (coor_x > w_width - ) validPixel = false;
coor_y = y - w_heightOffset;
if (coor_y > w_height - ) validPixel = false;
} validPixel = validPixel && coor_x >= && coor_y >= ;
if (!validPixel) continue; //根据颜色计算像素灰度,设定透明度
if (blackPixel) {
Color origin = blackImage.GetPixel(coor_x, coor_y);
int gray = (origin.R * + origin.G * + origin.B * ) >> ;
Color finalColor = Color.FromArgb( - gray, Color.Black);
result.SetPixel(x, y, finalColor);
} else {
Color origin = whiteImage.GetPixel(coor_x, coor_y);
int gray = (origin.R * + origin.G * + origin.B * ) >> ;
Color finalColor = Color.FromArgb(gray, Color.White);
result.SetPixel(x, y, finalColor);
}
}
} return result;
}
}

一个简单的QQ隐藏图生成算法的更多相关文章

  1. 一个简单的QQ隐藏图生成算法 通过jQuery和C#分别实现对.NET Core Web Api的访问以及文件上传

    一个简单的QQ隐藏图生成算法   隐藏图不是什么新鲜的东西,具体表现在大部分社交软件中,预览图看到的是一张图,而点开后看到的又是另一张图.虽然很早就看到过这类图片,但是一直没有仔细研究过它的原理,今天 ...

  2. iOS开发UI篇—使用UItableview完成一个简单的QQ好友列表(一)

    iOS开发UI篇—使用UItableview完成一个简单的QQ好友列表(一) 一.项目结构和plist文件 二.实现代码 1.说明: 主控制器直接继承UITableViewController // ...

  3. 用CAShapeLayer实现一个简单的饼状图(PieView)

    自己写了一个简单的PieView,demo在这里:https://github.com/Phelthas/LXMPieView 效果如图: 参考了https://github.com/kevinzho ...

  4. OS开发UI篇—使用UItableview完成一个简单的QQ好友列表

    本文转自:http://www.cnblogs.com/wendingding/p/3763330.html 一.项目结构和plist文件 二.实现代码 1.说明: 主控制器直接继承UITableVi ...

  5. iOS开发UI篇—使用UItableview完成一个简单的QQ好友列表(二)

    一.实现效果             二.实现代码 1.数据模型部分 YYQQGroupModel.h文件 // // YYQQGroupModel.h // 02-QQ好友列表(基本数据的加载) / ...

  6. java模拟一个简单的QQ

    v 项目源码 https://github.com/hjzgg/java_QQ v 标题效果       package testFour; import java.awt.Color; import ...

  7. php随机数怎么获取?一个简单的函数就能生成

    小美女建了一个站,有些页面相似度比较高,想添加一些字段来实现差异化,比如用php随机数生成从10到100之间随机一个数字.其实会php的朋友几十个字符就能实现了,如下代码所示,简单吧?10代表最小值, ...

  8. 原生js实现一个简单的轮播图

    想锻炼一下自己的原生js能力可以从写一个轮播图开始,轮播图的运用想必大家都知道吧,好了废话不多说,开始记笔记了,一些需要注意的点,我都在代码中标注了 首先是构造html: <div id=&qu ...

  9. 第四十四篇--做一个简单的QQ登录界面

    功能:输入用户名和密码,正确,显示登录成功,为空的话,提示用户名和密码不能为空,还有记住密码功能. MainActivity.java package com.aimee.android.play.q ...

随机推荐

  1. ios8 UITableView section不显示

    ios8 如果UITableView只设置viewForHeaderInSection,则可能section不能显示,iOS7及以下版本显示正常. 解决方案: 设置heightForHeaderInS ...

  2. 【校招面试 之 C/C++】第18题 C++ 中的隐式转换以及explicit关键字

    1.什么是隐式转换: 众所周知,C++的基本类型中并非完全的对立,部分数据类型之间是可以进行隐式转换的. 所谓隐式转换,是指不需要用户干预,编译器私下进行的类型转换行为.很多时候用户可能都不知道进行了 ...

  3. SQL Server优化50法(转载)

           虽然查询速度慢的原因很多,但是如果通过一定的优化,也可以使查询问题得到一定程度的解决. 查询速度慢的原因很多,常见如下几种:     1.没有索引或者没有用到索引(这是查询慢最常见的问题 ...

  4. 简述Markdown的使用方法

    MarkdownPad Document Markdown的使用技巧 一.标题 一个”#“表示H1.“##”表示H2... 二.列表 第一点 第二点 注意1.2. -与文本之间要有一个空格 这一点 三 ...

  5. Html的Padding,Margin自己理解图

    Html的Padding,Margin自己理解图.

  6. 64bits access

    http://www.codicode.com/art/64_bit_version_of_microsoft_jet.aspx

  7. JavaScript跨域总结与解决办法(转)

    什么是跨域 1.document.domain+iframe的设置 2.动态创建script 3.利用iframe和location.hash 4.window.name实现的跨域数据传输 5.使用H ...

  8. 【转】MEF程序设计指南一:在应用程序中宿主MEF

    在应用程序中宿主MEF其实非常简单,只需要创建一个组合容器对象(CompositionContainer)的实例,然后将需要组合的部件(Parts)和当前宿主程序添加到容器中即可.首先需要添加MEF框 ...

  9. 20155317 王新玮 2016-2017-2 《Java程序设计》第9周学习总结

    20155317 王新玮 2016-2017-2 <Java程序设计>第9周学习总结 教材学习内容总结 数据库本身是个独立运行的应用程序 撰写应用程序是利用通信协议对数据库进行指令交换,以 ...

  10. 高性能 js -- 无阻塞加载脚本

    参考: <<高性能JavaScript>> Nicbolas C. Zakas 著 javascript代码的下载和执行过程会阻塞浏览器的其他进程, 比如页面的绘制, 遇到&l ...