Draw an bitmap on a canvas with a custom shape

Question

I want to draw an image with the following shape on a canvas:

enter image description here

The black must be replaced by my image. I currently draw the image as a whole. I just don't know how I can get that sort of shape in it?

    canvas.drawBitmap(header,0,0,mPaint);

Can someone help me?

I get the point of a shader. But how can I specify that shape? I need to do it with a rectangle. I can't specify a rectangle in a shape like that? — user1007522, Sep 03 '14 at 10:38

score 6 · Accepted Answer · edited Dec 19 '17 at 18:13

6

Thanks to pskink I've got it:

int width = this.getMeasuredWidth();
int height = this.getMeasuredHeight();

BitmapShader shader;
shader = new BitmapShader(header, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

mPaint.setShader(shader);

Path path = new Path();

path.moveTo(0,0);
path.lineTo(0,height/2);
path.lineTo(width,height/4);
path.lineTo(width,0);

canvas.drawPath(path,mPaint);

Just use a shader and a path to do the job.

edited Dec 19 '17 at 18:13

David Medenjak

33,993
14
106
134

answered Sep 03 '14 at 10:53

user1007522

7,858
17
69
113

great job! i hope you learnt more than if you got a direct answer with a working code – pskink Sep 03 '14 at 11:00
Thanks a lot! Helped me as well :) – yahya Dec 23 '15 at 09:16

Draw an bitmap on a canvas with a custom shape

1 Answers1

Linked