Как стереть линию, нарисованную на холсте?

Я использую класс Canvas для рисования линий на холсте. Теперь я хочу стереть линию, нарисованную на холсте, так же, как мы это делаем в блокноте, используя ластик. Я просматриваю несколько примеров, но у меня ничего не работает.

Если кто-нибудь знает решение этой проблемы, пожалуйста, не могли бы вы помочь мне решить эту проблему?

Код Java:

public class DrawView extends View implements OnTouchListener 
{
        private Canvas      m_Canvas;
        
        private Path        m_Path;
        
        private Paint       m_Paint;
        
        ArrayList<Pair<Path, Paint>> paths = new ArrayList<Pair<Path, Paint>>();
        
        ArrayList<Pair<Path, Paint>> undonePaths = new ArrayList<Pair<Path, Paint>>(); 
        
        private float mX, mY;
        
        private static final float TOUCH_TOLERANCE = 4;
        
        private Bitmap          bitmapToCanvas;
        
        private CanvasManager   m_CanvasManagerObject;
        
        private Paint   mBitmapPaint;
        
        public DrawView(Context context)
        {
            super(context);
            setFocusable(true);
            setFocusableInTouchMode(true);      
            this.setOnTouchListener(this);
            
            onCanvasInitialization();
        }    
        
        public void onCanvasInitialization()
        {
            m_Paint = new Paint(Paint.DITHER_FLAG);
            m_Paint.setAntiAlias(true);
            m_Paint.setDither(true);
            m_Paint.setColor(Color.parseColor("#37A1D1"));
            m_Paint.setStyle(Paint.Style.STROKE);
            m_Paint.setStrokeJoin(Paint.Join.ROUND);
            m_Paint.setStrokeCap(Paint.Cap.ROUND);
            m_Paint.setStrokeWidth(2);                          
            m_Path = new Path();
            
            mBitmapPaint = new Paint(Paint.DITHER_FLAG);
        }
        
        @Override
        protected void onSizeChanged(int w, int h, int oldw, int oldh) 
        {       
            super.onSizeChanged(w, h, oldw, oldh);
    
            bitmapToCanvas = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
            m_Canvas = new Canvas(bitmapToCanvas);
        }
        
        @Override
        protected void onDraw(Canvas canvas)
        {           
            canvas.drawBitmap(bitmapToCanvas, 0f, 0f, mBitmapPaint);    
            canvas.drawPath(m_Path, m_Paint);
        }
        
        public boolean onTouch(View arg0, MotionEvent event) 
        {
            float x = event.getX();
            float y = event.getY();

            switch (event.getAction()) 
            {
                case MotionEvent.ACTION_DOWN:
                touch_start(x, y);
                invalidate();
                break;
                case MotionEvent.ACTION_MOVE:
                touch_move(x, y);
                invalidate();
                break;
                case MotionEvent.ACTION_UP:
                touch_up();
                invalidate();
                break;
            }
            
            return true;
        }

        private void touch_start(float x, float y) 
        {
            m_Path.reset();
            m_Path.moveTo(x, y);
            mX = x;
            mY = y;
        }
        
        private void touch_move(float x, float y) 
        {
            float dx = Math.abs(x - mX);
            float dy = Math.abs(y - mY);
            if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) 
            {
                m_Path.quadTo(mX, mY, (x + mX)/2, (y + mY)/2);
                mX = x;
                mY = y;
            }
        }
        
        private void touch_up() 
        {
            m_Path.lineTo(mX, mY);
                    
            // commit the path to our offscreen
            m_Canvas.drawPath(m_Path, m_Paint);
            
            // kill this so we don't double draw                    
            Paint newPaint = new Paint(m_Paint); // Clones the mPaint object
            paths.add(new Pair<Path, Paint>(m_Path, newPaint));
            m_Path = new Path();
        }
        
        public void onClickEraser() 
        { 
            
        }
                
}

person AndroidDev    schedule 11.03.2013    source источник


Ответы (3)


Если у вас сплошной цвет фона, все, что вам нужно сделать, это установить Paint цвет на цвет фона. Например, если у вас белый фон, вы можете сделать:

paint.setColor(Color.White);

Однако, если вам нужно стереть строку с прозрачным фоном, попробуйте следующее:

Чтобы рисовать прозрачным цветом, вы должны использовать Paint setXfermode, которые будут работать только в том случае, если вы установите растровое изображение на свой холст. Если вы выполните следующие шаги, вы должны получить желаемый результат.

  1. Создайте холст и установите его растровое изображение.

    mCanvas = new Canvas();
    mBitmap= Bitmap.createBitmap(scrw, scrh, Config.ARGB_8888);
    mCanvas.setBitmap(mBitmap);
    
  2. Если вы хотите что-то стереть, вам просто нужно использовать setXfermode.

    public void onClickEraser() 
    { 
       if (isEraserOn)
          mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
       else
          mPaint.setXfermode(null);
    }
    
  3. Теперь вы должны иметь возможность рисовать прозрачным цветом, используя:

    mCanvas.drawPath(path, mPaint);

person daniribalbert    schedule 06.03.2014

наравне с ответом Даниэля Альберта после использования:

public void onClickEraser() 
{ 
   if (isEraserOn)
      mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
   else
      mPaint.setXfermode(null);
}

… вы должны фиксировать каждую отрисовку в вашем методе touch_move, чтобы избежать сплошного пути. и отключить также drawpath, если isErase = true

person joshua mantilla    schedule 11.02.2016

для того, чтобы стереть, помимо цвета кисти, нужно задать еще и цвет фона. пожалуйста, представьте, что вы используете mspaint, ластик сам «рисует» цвет фона на холсте.

если ваш фон 000, тогда дельбраш может выглядеть как

delPaint = new Paint();
delPaint.setColor(0x00000000);
delPaint.setXfermode(clear);
delPaint.setAlpha(0x00);
delPaint.setAntiAlias(true);
delPaint.setDither(true);
delPaint.setStyle(Paint.Style.STROKE);
delPaint.setStrokeJoin(Paint.Join.ROUND);
delPaint.setStrokeCap(Paint.Cap.ROUND);  
person Abby Chau Yu Hoi    schedule 11.03.2013