Center text? about ui-avatars HOT 11 OPEN

Thank you!

Sure thing, I will attempt to make centering better! 👍

from ui-avatars.

Sorry for the crazy slow response, been super busy. Anyway, I think this makes sense 👍 Will try to experiment and compare the two, maybe add an option to use one, but default to the most correct one

from ui-avatars.

Hi Lasse,

I did some more debugging. And as one friend of mine once said: "The sitation is strange." :D

Changing the driver of ImageManager to Imagick in InitialAvatar class ...

InitialAvatar.php, line 34:
$this->image = new ImageManager(['driver' => 'imagick']);

... makes text to get then properly aligned in horizontal but the vertical alignment then goes wrong :)

Bugger.

Maybe there be a bug somewhere in Intervention -> Image lib.
Or with the font.

from ui-avatars.

And I debugged even a bit more using directly ImageMagick. I did this simple command line script:

<?php
declare(strict_types=1);

$fontFileName = 
    "/tmp/fonts/OpenSans-Regular.ttf";

$fillColor       = new \ImagickPixel('#000');
$strokeColor     = new \ImagickPixel('#000');
$backgroundColor = new \ImagickPixel('#f7f924');

$initials = 'PM';

$avatarSize = 256;
$fontSize   = 0.5 * $avatarSize;

$draw = new \ImagickDraw();
$draw->setStrokeColor($strokeColor);
$draw->setFillColor($fillColor);
$draw->setStrokeWidth(2);
$draw->setFontSize($fontSize);

$draw->setFont(
    $fontFileName
);

$draw->setGravity(\Imagick::GRAVITY_CENTER);
$draw->annotation(0, 0, $initials);

$imagick = new \Imagick();
$imagick->newImage($avatarSize, $avatarSize, $backgroundColor);
$imagick->drawImage($draw);
$imagick->writeImage("/tmp/test.png");

That one also has some problems to place the text correctly "exactly" aligned. But, IMHO, has better general output on different fonts and sizes.

What do you think Lasse? If you feel like this won't fix on UI-avatars, i understand :) In that case, just close this issue.

from ui-avatars.

Hi this is a really useful service however this off centre issue is starting to bug me too. Is there any update on fixing this?

from ui-avatars.

from ui-avatars.

Any solution yet ?

from ui-avatars.

@aliaanis I've been unable to find a solution 👎 I will try @HsRealDev's solution as I think he is definitively onto something (good work, thanks!)

from ui-avatars.

fwiw: it looks like svg might be rendering correctly and failing during png conversion?
svg (https://ui-avatars.com/api/?name=B&size=250&format=svg)

png (https://ui-avatars.com/api/?name=B&size=250&format=png)

from ui-avatars.

Any updates on this @LasseRafn ? 🙏🏼

from ui-avatars.

@LasseRafn did the solution you tried lead anywhere?

from ui-avatars.