Cómo guardar el lienzo editado a imagen como tamaño de imagen original en android

Estoy tratando de dibujar en la imagen y guardar la imagen. Ahora puedo dibujar con éxito en la imagen. Pero estoy enfrentando 2 problemas. Cuando dibujo en la imagen que permite dibujar el lado de la imagen también. Quiero dibujar en la imagen solamente. La segunda cuestión es cuando guardo la imagen que se está estructurando. Quiero guardar la imagen como tamaño original. Por favor, ayúdame a resolver mis problemas.

Aquí publico mi código completo.

public class DrawingPaint extends View implements View.OnTouchListener { private Canvas mCanvas; private Path mPath; private Paint mPaint, mBitmapPaint; public ArrayList<PathPoints> paths = new ArrayList<PathPoints>(); private ArrayList<PathPoints> undonePaths = new ArrayList<PathPoints>(); private Bitmap mBitmap; private int color; private int x, y; private String textToDraw = null; private boolean isTextModeOn = false; int lastColor = 0xFFFF0000; static final float STROKE_WIDTH = 15f; public DrawingPaint(Context context/*, int color*/) { super(context); //this.color = color; setFocusable(true); setFocusableInTouchMode(true); this.setOnTouchListener(this); mBitmapPaint = new Paint(Paint.DITHER_FLAG); /*mPaint = new Paint(); mPaint.setAntiAlias(true); mPaint.setDither(true); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeJoin(Paint.Join.ROUND); mPaint.setStrokeCap(Paint.Cap.ROUND); mPaint.setStrokeWidth(STROKE_WIDTH); mPaint.setTextSize(30); mPath = new Path(); paths.add(new PathPoints(mPath, color, false)); mCanvas = new Canvas();*/ } public void colorChanged(int color) { this.color = color; mPaint.setColor(color); } public void setColor(int color) { mPaint = new Paint(); this.color = color; mPaint.setAntiAlias(true); mPaint.setDither(true); mPaint.setColor(color); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeJoin(Paint.Join.ROUND); mPaint.setStrokeCap(Paint.Cap.ROUND); mPaint.setStrokeWidth(STROKE_WIDTH); mPaint.setTextSize(30); mPath = new Path(); paths.add(new PathPoints(mPath, color, false)); mCanvas = new Canvas(); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); // mBitmap = AddReportItemActivity.mPhoto; mBitmap = CustomGalleryHandler.getmInstance().getBitmapSend(); float xscale = (float) w / (float) mBitmap.getWidth(); float yscale = (float) h / (float) mBitmap.getHeight(); if (xscale > yscale) // make sure both dimensions fit (use the // smaller scale) xscale = yscale; float newx = (float) w * xscale; float newy = (float) h * xscale; // use the same scale for both BitmapFactory.Options options = new BitmapFactory.Options(); options.inJustDecodeBounds = true; BitmapFactory.decodeFile(new File(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()).getAbsolutePath(), options); int imageHeight = options.outHeight; int imageWidth = options.outWidth; m = new Matrix(); RectF drawableRect = new RectF(0, 0, imageWidth, imageHeight); RectF viewRect = new RectF(0, 0, w, h); m.setRectToRect(drawableRect, viewRect, Matrix.ScaleToFit.CENTER); mBitmap = Bitmap.createBitmap(mBitmap,0,0,imageWidth, imageHeight, m,true); } @Override protected void onDraw(Canvas canvas) { float[] pts = {0, 0}; m.mapPoints(pts); canvas.drawBitmap(mBitmap, pts[0], pts[1], mBitmapPaint); //canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint); for (PathPoints p : paths) { mPaint.setColor(p.getColor()); Log.v("", "Color code : " + p.getColor()); if (p.isTextToDraw()) { canvas.drawText(p.textToDraw, px, py, mPaint); } else { canvas.drawPath(p.getPath(), mPaint); } } } private float mX, mY; private static final float TOUCH_TOLERANCE = 0; private void touch_start(float x, float y) { mPath.reset(); mPath.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) { mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2); mX = x; mY = y; } } private void touch_up() { mPath.lineTo(mX, mY); // commit the path to our offscreen mCanvas.drawPath(mPath, mPaint); // kill this so we don't double draw mPath = new Path(); paths.add(new PathPoints(mPath, color, false)); } private void drawText(int x, int y) { this.x = x; this.y = y; paths.add(new PathPoints(color, textToDraw, true, x, y)); // mCanvas.drawText(textToDraw, x, y, mPaint); } @Override public boolean onTouch(View arg0, MotionEvent event) { float x = event.getX(); float y = event.getY(); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: if (!isTextModeOn) { touch_start(x, y); invalidate(); } break; case MotionEvent.ACTION_MOVE: if (!isTextModeOn) { touch_move(x, y); invalidate(); } break; case MotionEvent.ACTION_UP: if (isTextModeOn) { drawText((int) x, (int) y); invalidate(); } else { touch_up(); invalidate(); } break; } return true; } public void onClickUndo() { try { if (paths.size() > 0) { undonePaths.add(paths.remove(paths.size() - 1)); invalidate(); } else { } } catch (Exception e) { e.toString(); } } public void onClickRedo() { try { if (undonePaths.size() > 0) { paths.add(undonePaths.remove(undonePaths.size() - 1)); invalidate(); } else { } } catch (Exception e) { e.toString(); } } } 

Mi actividad principal es:

 public class GalleryImageFullScreen extends Activity implements View.OnClickListener { private ImageView mFullScreenImage; private ImageView /*mWhiteColor,*//* mGreenColor, mSkyBlueColor, mYellowColor, mRedColor, mBlackColor,*/ mUndoIcon, mPaintImageSave, mPaintImageDelete, mRedoIcon; RoundedImageView mWhiteColor, mGreenColor, mSkyBlueColor, mYellowColor, mRedColor, mBlackColor; // private Signature mSignature; private RelativeLayout mDrawLayout; private DrawingPaint mDrawViewSignature; private AlertDialog mAlertDialog = null; Bitmap bitmapss; @Override protected void onCreate(Bundle savedInstanceState) { requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.gallery_fullscreen); super.onCreate(savedInstanceState); mUndoIcon =(ImageView)findViewById(R.id.erase_icon); mFullScreenImage=(ImageView)findViewById(R.id.img_fullscreen); mDrawLayout=(RelativeLayout)findViewById(R.id.img_fullscreen_layout); mPaintImageSave=(ImageView)findViewById(R.id.paint_img_save); mPaintImageDelete=(ImageView)findViewById(R.id.paint_img_delete); mRedoIcon=(ImageView)findViewById(R.id.img_redo); mWhiteColor.setOnClickListener(this); mGreenColor.setOnClickListener(this); mSkyBlueColor.setOnClickListener(this); mYellowColor.setOnClickListener(this); mRedColor.setOnClickListener(this); mBlackColor.setOnClickListener(this); mUndoIcon.setOnClickListener(this); mPaintImageSave.setOnClickListener(this); mPaintImageDelete.setOnClickListener(this); mRedoIcon.setOnClickListener(this); // mSignature = new Signature(GalleryImageFullScreen.this, null); try { Intent i=getIntent(); Bitmap image = null; image = BitmapFactory.decodeFile(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()); CustomGalleryHandler.getmInstance().setBitmapSend(image); BitmapFactory.Options options = new BitmapFactory.Options(); options.inJustDecodeBounds = true; BitmapFactory.decodeFile(new File(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()).getAbsolutePath(), options); int imageHeight = options.outHeight; int imageWidth = options.outWidth; mDrawLayout.getLayoutParams().width = imageWidth; mDrawLayout.getLayoutParams().height = imageHeight; //RelativeLayout.LayoutParams layout_description = new RelativeLayout.LayoutParams(imageWidth,imageHeight); // mDrawLayout.setLayoutParams(layout_description); Bitmap mSignatureBitmapImage = Bitmap.createBitmap(imageWidth, imageHeight, Bitmap.Config.ARGB_8888); mDrawViewSignature = new DrawingPaint(GalleryImageFullScreen.this/*, lastColor*/); mDrawViewSignature.setDrawingCacheEnabled(true); mDrawViewSignature.measure( View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)); mDrawViewSignature.layout(0, 0, mDrawViewSignature.getMeasuredWidth(), mDrawViewSignature.getMeasuredHeight()); mDrawViewSignature.buildDrawingCache(true); Canvas canvas = new Canvas(mSignatureBitmapImage); Drawable bgDrawable = mDrawLayout.getBackground(); if (bgDrawable != null) { bgDrawable.draw(canvas); } else { canvas.drawColor(Color.WHITE); } mDrawLayout.draw(canvas); ByteArrayOutputStream bs = new ByteArrayOutputStream(); mSignatureBitmapImage.compress(Bitmap.CompressFormat.PNG, 50, bs); } catch (Exception e) { Logger.d("", "" + e.toString()); } mDrawViewSignature.setColor(getResources().getColor(R.color.black)); mDrawLayout.addView(mDrawViewSignature); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.paint_img_save: try { Bitmap editedImage = Bitmap.createBitmap(mDrawViewSignature .getDrawingCache()); editedImage = Bitmap.createScaledBitmap(editedImage, mDrawViewSignature.getWidth(), mDrawViewSignature.getHeight(), true); if(editedImage!=null) { final Bitmap finalEditedImage = editedImage; mAlertDialog = Alerts.getInstance().createConfirmationDialog(this, this.getResources().getString(R.string.painting_image_save), new View.OnClickListener() { @Override public void onClick(View v) { /*Bitmap editedImage = Bitmap.createBitmap(mDrawViewSignature .getDrawingCache()); editedImage = Bitmap.createScaledBitmap(editedImage, mDrawViewSignature.getWidth(), mDrawViewSignature.getHeight(), true);*/ //saveImageToInternalStorage(finalEditedImage); storeImage(finalEditedImage); PreferenceForCustomCamera.getInstance().setEditedURL(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()); callToGalleyActivity(); mAlertDialog.dismiss(); } }); mAlertDialog.show(); } } catch (Exception e) { Logger.d("paint_img_save",""+e.toString()); } break; case R.id.paint_img_delete: try { if (!PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen().equals("") && !PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen().equals("null")) { mAlertDialog = Alerts.getInstance().createConfirmationDialog(this, this.getResources().getString(R.string.painting_image_path_delete), new View.OnClickListener() { @Override public void onClick(View v) { // DatabaseHelper.getInstance().deleteParticularVideoPath(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()); CustomGalleryHandler.getmInstance().deleteParticularImages(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()); CustomGalleryHandler.getmInstance().deleteParticularImageFromInternalStorage(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()); callToGalleyActivity(); mAlertDialog.dismiss(); } }); } mAlertDialog.show(); } catch (Exception e) { Logger.d("paint_img_delete",""+e.toString()); } break; case R.id.img_redo: mDrawViewSignature.onClickRedo(); break; } } private void saveImageToInternalStorage(Bitmap finalBitmap) { try { File myDir = new File(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()); myDir.mkdirs(); Logger.d("ListOfPhoto",""+myDir.getAbsolutePath()); Logger.d("ListOfPhotoRename",""+PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()); for(File files: myDir.listFiles()) { Logger.d("ListOfPhoto",""+files.getAbsolutePath()); Logger.d("ListOfPhotoRename",""+PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()); } Picasso.with(getApplicationContext()).load(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()).skipMemoryCache(); /*Random generator = new Random(); int n = 10000; n = generator.nextInt(n); String fname = "Image-" + "3680" + ".png"; File file = new File(myDir, fname); if (file.exists()) { file.delete(); }*/ try { if(myDir.exists()) { myDir.delete(); } FileOutputStream out = new FileOutputStream(myDir); finalBitmap.compress(Bitmap.CompressFormat.PNG, 90, out); out.flush(); out.close(); } catch (Exception e) { e.printStackTrace(); } } catch (Exception e) { Logger.d("saveImageToInternalStorage",""+e.toString()); } } private void storeImage(Bitmap image) { File pictureFile = new File(PreferenceForCustomCamera.getInstance().getImagePathForGalleryFullScreen()); if (pictureFile.exists()) { pictureFile.delete(); } //clearImageDiskCache(); try { FileOutputStream fos = new FileOutputStream(pictureFile); image.compress(Bitmap.CompressFormat.PNG, 90, fos); fos.close(); } catch (FileNotFoundException e) { Logger.d("GalleryImage", "File not found: " + e.getMessage()); } catch (IOException e) { Logger.d("GalleryImage", "Error accessing file: " + e.getMessage()); } } public boolean clearImageDiskCache() { File cache = new File(getApplicationContext().getCacheDir(), "picasso-cache"); if (cache.exists() && cache.isDirectory()) { return deleteDir(cache); } return false; } public static boolean deleteDir(File dir) { if (dir.isDirectory()) { String[] children = dir.list(); for (int i = 0; i < children.length; i++) { boolean success = deleteDir(new File(dir, children[i])); if (!success) { return false; } } } // The directory is now empty so delete it return dir.delete(); } } 

Para dibujar sólo en mapa de bits, utilice SRC_IN PorterDuffXfermode.

 mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); 

Esto escribirá sólo en el área donde ya ha escrito.

La Vista que cree y el tamaño del mapa de bits puede variar. Substituya la onMesaure y establezca el ancho y la altura de la vista, esto creará un lienzo del tamaño del mapa de bits para que no se estire, si el mapa de bits es mayor que la pantalla. Será capaz de dibujar fuera de la pantalla también. Si el lienzo es del tamaño del mapa de bits, debería resolver ambos problemas

Prueba esto:

  String root = Environment.getExternalStorageDirectory().toString(); File myDir = new File(root + "/saved_imagesCanvas"); myDir.mkdirs(); String fname = "ImageName" + ".png"; File file = new File(myDir, fname); if (file.exists()) file.delete(); try { FileOutputStream out = new FileOutputStream(file); bMap.compress(Bitmap.CompressFormat.PNG, 90, out); out.flush(); out.close(); } catch (Exception e) { e.printStackTrace(); } 
  • Guardar imagen de android a la carpeta res / drawable
  • Tamaño de la imagen de fondo Android en píxeles
  • Android diferentes resoluciones de pantalla dibujables
  • Cómo hacer la galería de imágenes en 3D para dispositivos Android 3D como HTC Evo 3D u otros dispositivos compatibles con 3D?
  • Cómo reducir el tamaño de la imagen JPEG en Android
  • Cómo cargar la imagen capturada desde la cámara en una aplicación para Android
  • Android setImageURI de error de memoria
  • Tamaño optimizado y dpi para imágenes de aplicaciones de Android
  • Cómo aplicar efecto sobre la imagen en android como distorsionar, spotlight, exposición y muchos más
  • Obtener la ruta del archivo desde una imagen en ImageView
  • Uso de imageSwitcher con imageLoader
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.