[Laravel] Hướng dẫn tạo avatar chữ cái trong Laravel
Nếu bạn thích làm avatar theo phong cách giống như avatar mặc định trong điện thoại hay tài khoản của Google thì bài viết này mình sẽ hướng dẫn các bạn tạo avatar theo phong cách đó .
Nếu bạn thích làm avatar theo phong cách giống như avatar mặc định trong điện thoại hay tài khoản của Google thì bài viết này mình sẽ hướng dẫn các bạn tạo avatar theo phong cách đó .
CÀI ĐẶT
Để tạo ra các avatar theo tên viết tắt chúng ta sẽ cần phải cài đặt một package có tên là laravolt/avatar. Để cài đặt chúng ta thực hieeenj như sau:
Nếu các bạn đang sử dụng Laravel >= 5.2
composer require laravolt/avatar
Còn nếu các bạn đang sử dụng phiện bản Laravel < 5.2 :
composer require laravolt/avatar ~0.3
CONFIG
Tiếp theo chúng ta sẽ thực hiện các config theo tùy chúng ta, ở bước này chúng ta cần có một file để config :
php artisan vendor:publish --provider="Laravolt\Avatar\ServiceProvider"
Sau khi chạy lệnh publish config trên bạn sẽ có 1 file dùng để config ở đường dẫn sau config/laravolt/avatar.php
SỬ DỤNG
Để hiển thị ra được dưới dạng hình ảnh bạn chỉ cần thực hiện trong file view như sau:
<img src="{{ Avatar::create($user->name)->toBase64() }}" />
Ngoài việc tạo ra ảnh là Base64 bạn còn có thể sử dụng các phương thức khác để tạo ảnh như: toGravatar() hay toSvg() Rồi đến đây khi chạy thử kết quả nó sẽ trông như thế này: 
Như mình đã nói ở trên chúng ta có thể tùy chỉnh file config avatar.php theo ý chúng ta muốn, bây giờ mình sẽ thử config lại hình ảnh là hình vuông có boder radius xem sao nhé, trong file avatar.php mình sẽ chỉnh lại shape là square và radius là 3:
'shape' => 'square',
'border' => [
'radius' => 3,
],
sau khi save lại bạn đừng quên chạy
php artisan config:cache
Kết quả sau khi config: 
KẾT LUẬN
Trên đây là bài hướng dẫn cách chúng ta có thể tạo ra được avatar là chữ cái trong họi tên cũng rất đơn giản đúng không nào.
THAM KHẢO
https://github.com/laravolt/avatar
Theo dõi VnCoder trên Facebook, để cập nhật những bài viết, tin tức và khoá học mới nhất!
Bài viết mới
Được xem nhiều nhất
[Laravel] Hướng dẫn tích hợp thanh toán online, tích hợp cổng thanh to...
[Laravel] Sử dụng Ajax làm chức năng tìm kiếm trong Laravel
[Laravel] Cách sử dụng Charts - hướng dẫn vẽ biểu đồ trong Laravel
[Laravel] Hướng dẫn sử dụng Raw DB Query trong Laravel
[Laravel] Hướng dẫn đăng nhập, đăng ký tài khoản bằng tài khoản Facebo...
Khóa học liên quan
Xây dựng ứng dụng với Laravel và Vuejs
Lượt xem: 16244
Chuyên mục: Laravel
