How to erase path area from canvas (Android)

Question

I need to crop corners on ImageView. Not to round them but erase triangles from each corner.

Seems like the only way to do that is to override onDraw method and erase these areas from canvas using Path. The problem is I have not solid color background, so I need ERASE these areas but not to fill them with some color.

I use following code for that:

@Override
protected void onDraw(Canvas canvas) {
    Path path = new Path();
    path.moveTo(0, 0);
    path.lineTo(20, 0);
    path.lineTo(0, 20);
    path.close();

    Paint paint = new Paint();
    paint.setAntiAlias(true);
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
    canvas.drawPath(path, paint);
    super.onDraw(canvas);
}

But the corner makes black but not transparent. Could you help me? Or probably you know better solution for my task. Here is how it looks like.

enter image description here

score 5 · Answer 1 · answered Mar 06 '14 at 22:09

In order to draw with a transparent color you must use Paint setXfermode which will only work if you set a bitmap to your canvas. If you follow the steps below you should get the desired result.

Create a canvas and set its bitmap.

mCanvas = new Canvas();
mBitmap= Bitmap.createBitmap(scrw, scrh, Config.ARGB_8888);
mCanvas.setBitmap(mBitmap);

When you want to erase something you just need to use setXfermode.

if (isErasing)
   mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
else
   mPaint.setXfermode(null);

Now you should be able draw with a transparent color using:

mCanvas.drawPath(yourpath, mPaint);

draws with transparent color, but the path drawn is black, any workaround for this?? — Rakesh Yadav, Jan 20 '18 at 10:42

score 2 · Answer 2 · answered Jan 15 '13 at 08:58

2

You can clip your canvas object:

@Override
protected void onDraw(Canvas canvas) {
    final Path path = new Path();
    final int count = canvas.save();

    path.moveTo(0, 20);
    path.lineTo(20, 0);
    path.lineTo(getWidth(), 0);
    path.lineTo(getWidth(), getHeight());
    path.lineTo(0, getHeight());
    path.close();

    canvas.clipPath(path);
    super.onDraw(canvas);
    canvas.restoreToCount(count);
}

Please note Canvas.clipPath doesn't work on Android 3.0 or above with enabled hardware acceleration .

answered Jan 15 '13 at 08:58

Vladimir Mironov

30,514
3
65
62

didn't work for me. I still have white rectangle without any corners – Dmitriy Jan 15 '13 at 09:26
try to disable hardware acceleration – Vladimir Mironov Jan 15 '13 at 09:48
i tried to disable it manually in AndroidManifest.xml, but it didn't help – Dmitriy Jan 15 '13 at 10:51

score -1 · Answer 3 · answered Jan 15 '13 at 08:16

-1

use this Line

 paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));

instead of this

 paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));

answered Jan 15 '13 at 08:16

Dixit Patel

3,190
1
24
36

I tried it, but it makes nothing. I don't have event black triangle. Whole area is white. – Dmitriy Jan 15 '13 at 08:20

How to erase path area from canvas (Android)

3 Answers3

Linked