Canvas drawtext positioning

Binod Singh picture Binod Singh · Aug 7, 2014 · Viewed 10.1k times · Source

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

Answer

Binod Singh picture Binod Singh · Aug 7, 2014

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);