MeCode hoàn thành plugin tạo ảnh cho khách hàng

Bạn nhìn ảnh sau có quen không nào? Có phải bạn thấy rất nhiều trên Tiktok không? Đúng vậy trước đây bạn phải dùng phần mềm thiết kế nay bạn chỉ cần gõ vài dòng thì sẽ có được một ảnh như vậy đấy.

Đó là Plugin tạo ảnh từ văn bản và hình Avatar một sản phẩm mới mà MeCode vừa hoàn thành cho khách hàng.

Với yêu cầu khách hàng đưa ra rất đơn giản. Nhưng MeCode đã cố gắng thêm những cái mà khách hàng không yêu cầu nhằm tăng thêm trải nghiệm về UI UX, có ô kéo thả hình ảnh, preview trước khi tải ảnh. Hỗ trợ 2 loại kiểu rộng và hẹp

Thoạt nhìn thì bạn nghĩ ứng dụng này quá đơn giản đúng vậy nhưng thật sự không đơn giản như bạn nghĩ bởi việc tạo một hình ảnh từ Html tuy đã có các thư viện hỗ trợ nhưng đa phần chưa tối ưu, còn gặp nhiều lỗi khi xuất hình và các lỗi trên một số thiết bị.

Ban đầu MeCode dùng thư việc html2canvas chạy khá ổn, nhưng gặp trục trặc trên một số iphone cũng như tốc độ xuất hình không được nhanh. Nên sau đó đã chuyển qua thư viện html2image tốc độ nhanh hơn rất nhiều.

Trước đây chúng tôi cũng đã có kinh nghiệm làm về công việc tạo ảnh này từ bản template thiết kế, sau đó trộn thông tin hình ảnh khách hàng, thông tin học viên chúng tôi tạo ra một chứng chỉ hoặc một ảnh cuối cùng từ template sẵn rất đẹp cho học viên.

Nhưng như chia sẻ ở trên việc tạo một ảnh chụp từ Html tùy thuộc vào máy do vậy chúng tôi đã chọn cái tạo ảnh thông qua một server trung gian. Tạm hiểu nó như một phòng chụp ảnh, ảnh chụp không chụp ở dưới máy người dùng và sẽ chụp tại server để có được hình ảnh tốt, không phát sinh lỗi do thiết bị trình duyệt không tương thích.

Ví dụ mẫu về chương trình tạo ảnh chứng chỉ

MeCode là đơn vị chuyên phát triển các plugin cho nền tảng WordPress chúng tôi có kinh nghiệm trong vận hành và phát triển với mã nguồn WordPress. Nếu bạn có nhu cầu tùy biến plugin, hoặc viết plugin mới hãy liên hệ với chúng tôi để biến ý tưởng thành sự thật nhé!

Đặng Ngọc Bình
Đặng Ngọc Bình

Một lập trình viên ôm full stack, một freelancer, một người thích chia sẻ về kỹ thuật lập trình từ MeCode

Bài viết: 18
0 0 đánh giá
Article Rating
Theo dõi
Thông báo của
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x