Canvas drawtext positioning

10,172

Solution 1

Got the solution. the values should be pixel independent convert xPos and yPos as below before passing to drawText

 xPos = (int) (xPos / getResources().getDisplayMetrics().density);
    yPos = (int) (yPos / getResources().getDisplayMetrics().density);

Solution 2

Its even better to use Drawing cache and save that to any file location. In this case we dont have to much bother about positioning. Wrap all in one layout and get the

 view.getDrawingCache()
Share:
10,172
Binod Singh
Author by

Binod Singh

I love coding.. HTML5, CSS3, ReactJs, AngularJs, Android,Core Java, JEE, Spring

Updated on June 07, 2022

Comments

  • Binod Singh
    Binod Singh about 2 years

    I am creating a drawing tool, where user add text to image. While making the text draw to bitmap via canvas position is not being set properly.

    Paint paint = new Paint();
            paint.setStyle(Paint.Style.FILL);
            paint.setColor(Color.RED);
            paint.setTypeface(tf);
            paint.setTextAlign(Paint.Align.LEFT);
    
            paint.setTextSize(30);
    
    
    
    int xPos = layoutTextViewContainer.getLeft();
            int yPos = layoutTextViewContainer.getTop();
            canvas.drawText(text, xPos, yPos, paint);
    

    Paint

    Rect textRect = new Rect();
            paint.getTextBounds(text, 0, text.length(), textRect);
            textRect.offset(0, -textRect.top);
            Canvas canvas = new Canvas(bm);
    

    layoutTextViewContainer holds the edit text. Screen shot for more clarification. Black text is written and Red text is preview of embed in imageenter image description here