Androidで文字による画像生成を実現
6948 ワード
効果図
まず効果図を見てみると、下の図はいろいろな色の「美」の字がつながっていて、違う画像が形成されています.
げんり
このような画像を生成する原理は簡単ですが、当時はオープンソースプロジェクトを見ても分からなかったので、Pythonを学んだことがありませんが、よく研究してみると、やっとこのオープンソースプロジェクトのソースコードをゆっくり理解し、Androidプラットフォームのソースコードに書き換えることができます.以下、このアルゴリズムの主な内容を皆さんに話します.このアルゴリズムの大まかな原理は以下の通りです.元のピクチャのサイズとフォントのサイズに基づいて空白のピクチャ2を作成する.元の画像をフォントの大きさでいくつかのブロックに分け、各ブロックの画素の色の平均値をとる.指定したテキストの平均色を新しい空白の図に描きます.
関連リンク
参照のオープンソースアイテム:https://github.com/xlzd/img2html完全なAndroidコード:https://github.com/luoyesiqiu/textImg
まず効果図を見てみると、下の図はいろいろな色の「美」の字がつながっていて、違う画像が形成されています.
げんり
このような画像を生成する原理は簡単ですが、当時はオープンソースプロジェクトを見ても分からなかったので、Pythonを学んだことがありませんが、よく研究してみると、やっとこのオープンソースプロジェクトのソースコードをゆっくり理解し、Androidプラットフォームのソースコードに書き換えることができます.以下、このアルゴリズムの主な内容を皆さんに話します.このアルゴリズムの大まかな原理は以下の通りです.元のピクチャのサイズとフォントのサイズに基づいて空白のピクチャ2を作成する.元の画像をフォントの大きさでいくつかのブロックに分け、各ブロックの画素の色の平均値をとる.指定したテキストの平均色を新しい空白の図に描きます.
package com.luoye.fpic.util;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
public class Utils {
/**
* ,
* @param bitmap
* @param text
* @param fontSize
* @return
*/
public static Bitmap getTextBitmap(Bitmap bitmap, String text, int fontSize)
{
if(bitmap==null)
throw new IllegalArgumentException("Bitmap cannot be null.");
int picWidth=bitmap.getWidth();
int picHeight=bitmap.getHeight();
Bitmap back= Bitmap.createBitmap((bitmap.getWidth()%fontSize==0)?bitmap.getWidth():((bitmap.getWidth()/fontSize+1)*fontSize)
,(bitmap.getHeight()%fontSize==0)?bitmap.getHeight():((bitmap.getHeight()/fontSize+1)*fontSize)
, Bitmap.Config.ARGB_8888);
Canvas canvas=new Canvas(back);
canvas.drawColor(0xfff);
int idx=0;
for(int y=0;yfor(int x=0;xint[] colors=getPixels(bitmap,x,y,fontSize,fontSize );
Paint paint=new Paint();
paint.setAntiAlias(true);
paint.setColor(getAverage(colors));
paint.setTextSize(fontSize);
Paint.FontMetrics fontMetrics =paint.getFontMetrics();
float padding=(y==0)?(fontSize+fontMetrics.ascent):((fontSize+fontMetrics.ascent)*2);
canvas.drawText(String.valueOf(text.charAt(idx++)),x,y-padding,paint);
if(idx==text.length())
{
idx=0;
}
}
}
return back;
}
/**
*
* @param bitmap
* @param x
* @param y
* @param w
* @param h
* @return
*/
private static int[] getPixels(Bitmap bitmap,int x,int y,int w,int h)
{
int[] colors=new int[w*h];
int idx=0;
for (int i=y;(ifor (int j=x;(jint color=bitmap.getPixel(j,i);
colors[idx++]=color;
}
}
return colors;
}
/**
*
* @param colors
* @return
*/
private static int getAverage (int[] colors)
{
//int alpha=0;
int red=0;
int green=0;
int blue=0;
for(int color:colors)
{
red += ((color&0xff0000)>>16);
green += ((color&0xff00)>>8);
blue += (color&0x0000ff);
}
float len=colors.length;
//alpha=Math.round(alpha/len);
red=Math.round(red/len);
green=Math.round(green/len);
blue=Math.round(blue/len);
return Color.argb(0xff,red,green,blue);
}
private static void log(String log)
{
System.out.println("-------->Utils:"+log);
}
}
関連リンク
参照のオープンソースアイテム:https://github.com/xlzd/img2html完全なAndroidコード:https://github.com/luoyesiqiu/textImg