Image Processing – Watermarking On The Fly
Having a little free time, I’ve just been digging on this technique. A little trick with canvas and drawing, I’ve got an image with watermark, so cool!!!
This is how it looks:
Image w/ Watermark
Here the implementation:
public static Bitmap mark(Bitmap src, String watermark, Point location, Color color, int alpha, int size, boolean underline) {
int w = src.getWidth();
int h = src.getHeight();
Bitmap result = Bitmap.createBitmap(w, h, src.getConfig());
Canvas canvas = new Canvas(result);
canvas.drawBitmap(src, 0, 0, null);
Paint paint = new Paint();
paint.setColor(color);
paint.setAlpha(alpha);
paint.setTextSize(size);
paint.setAntiAlias(true);
paint.setUnderlineText(underline);
canvas.drawText(watermark, location.x, location.y, paint);
return result;
}
Hope you like it!
Cheers,
Pete Houston
Categories: Tutorials
image, processing, tutorials, watermark
Leave a comment
My StackOverflow Profile
![[xjaphx] at Stack Overflow, Q&A for professional and enthusiast programmers](http://stackoverflow.com/users/flair/801396.png?theme=dark "[xjaphx] at Stack Overflow, Q&A for professional and enthusiast programmers")
[ Android Newbie ] 
public static Bitmap mark(Bitmap src, String watermark, Point location, Color color, int alpha, int size, boolean underline)
how to call about method as it does not show any result,i need help
how to call above method as it does not show any result,i need help please
Hi Pete I am looking for a way to set a water mark image… then as I take pictures have it put this watermark image on the picture as I take them. no post editing, just shoot photos and they will all be watermarked, with a water mark image I select ahead of time.
Or can you point me in that direction?
Thanks
Dean-O
cant save image, I have added permission external storage one, still its showing permission denied for folders present inside, and if I write newFolder, it says no such Directory find
you phone is not allowing image,there is a permission option in your phone you have to enable that
I have added watermark on image using above code. Is there any way to remove that watermark?
hello i had saw your tutorial but dont understand what is Point location in your function ?
sorry it isnt letting me to post an xml text .. u can make a edittext to enter the desired text and a button to clear the edited image .. and if u want a save button can also be added . thanks
also an imageview of course to ad an image frm the drawable or gallery.
Can u give me your code? I don’t understand how to use your tutorial.
can u show me , what Point location? and how I call this function?? thanks 🙂
Touch to watermark with entered text :–
Make this class with class name TextAd.
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.Window;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import com.example.photogallery.MainActivity;
public class TextAd extends Activity {
Bitmap originalBitmap,image;
ImageView iv_ttx;
EditText et_sample;
Paint paint;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.adtext);
//image view
iv_ttx = (ImageView) findViewById(R.id.iv_ttx);
DisplayMetrics displaymetrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
//dimentions x,y of device to create a scaled bitmap having similar dimentions to screen size
int height1 = displaymetrics.heightPixels;
int width1 = displaymetrics.widthPixels;
//paint object to define paint properties
paint = new Paint();
paint.setStyle(Paint.Style.FILL);
paint.setColor(Color.BLUE);
paint.setTextSize(25);
//loading bitmap from drawable
originalBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_action_search);
//scaling of bitmap
originalBitmap =Bitmap.createScaledBitmap(originalBitmap, width1, height1, false);
//creating anoter copy of bitmap to be used for editing
image = originalBitmap.copy(Bitmap.Config.RGB_565, true);
et_sample =(EditText) findViewById(R.id.et_txt);
// Button btn_save_img = (Button) findViewById(R.id.btn_save_image);
Button btn_clr_all = (Button) findViewById(R.id.btn_clr_all);
btn_clr_all.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
//loading original bitmap again (undoing all editing)
image = originalBitmap.copy(Bitmap.Config.RGB_565, true);
iv_ttx.setImageBitmap(image);
}
});
/*btn_save_img.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
//funtion save image is called with bitmap image as parameter
// saveImage(image);
}
});
*/
iv_ttx.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View arg0, MotionEvent arg1) {
// TODO Auto-generated method stub
String user_text=et_sample.getText().toString();
//gettin x,y cordinates on screen touch
float scr_x=arg1.getRawX();
float scr_y=arg1.getRawY();
//funtion called to perform drawing
createImage(scr_x,scr_y,user_text);
return true;
}
});
}
/*void saveImage(Bitmap img) {
String RootDir = Environment.getExternalStorageDirectory()
+ File.separator + “txt_imgs”;
File myDir=new File(RootDir);
myDir.mkdirs();
Random generator = new Random();
int n = 10000;
n = generator.nextInt(n);
String fname = “Image-“+ n +”.jpg”;
File file = new File (myDir, fname);
if (file.exists ()) file.delete ();
try {
FileOutputStream out = new FileOutputStream(file);
img.compress(Bitmap.CompressFormat.JPEG, 90, out);
out.flush();
out.close();
} catch (Exception e) {
e.printStackTrace();
}
}
*/
public Bitmap createImage(float scr_x,float scr_y,String user_text){
//canvas object with bitmap image as constructor
Canvas canvas = new Canvas(image);
int viewTop = getWindow().findViewById(Window.ID_ANDROID_CONTENT).getTop();
//removing title bar hight
scr_y=scr_y- viewTop;
//fuction to draw text on image. you can try more drawing funtions like oval,point,rect,etc…
canvas.drawText(“”+user_text, scr_x, scr_y, paint);
iv_ttx.setImageBitmap(image);
return image;
}
}
Make a layout with name adtext : —
Touch on the screen and your text with be embeded on the image . set the image in your drawable folder and give its path in the xml. or bring it frm the gallery. enjoy coding .
Your layout will look like this : —