Tạo ảnh tròn giống như ảnh google+ như thế nào - không sử dụng Jquery hay css

Tạo ảnh tròn giống như ảnh google+ như thế nào - không sử dụng Jquery hay css

Bạn đã từng tham gia vào mạng xã hội google+, chắc hẵn bạn đã thấy những biểu tượng hình ảnh tròn theo phong cách google+ và bạn muốn tạo một ảnh như thế từ một ảnh bất kỳ mà không dùng đến Jquery hay Css.

Giả sử bạn có một hình ảnh như sau:

Ở ảnh trên bạn có địa chỉ url là: 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkEm-uP-TShcOoIIsbguqzYEjcxE38CPQLB_jtmmVhE9PZPxW44vKTZIR5Dex0u3dbwm4dFAbs15bOd9mOfJWm1pKvH_C291NUpOJlQ0ssXxwebcEAqfGXmcyRPn0sHXSDPhpRXYwiCGA/s1600/TAOANHTRONKHONG+CANCCS3.jpg

Bạn có để ý đoạn s1600 không? Nó là ảnh có độ phân giải 1600px, vậy bạn muốn có ảnh độ phân giải nhỏ hơn, ví dụ 250px thì ta chỉ cần đổi s1600 thành s250, bạn click link sau sẽ thấy.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkEm-uP-TShcOoIIsbguqzYEjcxE38CPQLB_jtmmVhE9PZPxW44vKTZIR5Dex0u3dbwm4dFAbs15bOd9mOfJWm1pKvH_C291NUpOJlQ0ssXxwebcEAqfGXmcyRPn0sHXSDPhpRXYwiCGA/s250/TAOANHTRONKHONG+CANCCS3.jpg

Tạo ảnh tròn không cần Jquery hay Css

Làm sao để làm ảnh tròn từ một ảnh hình chữ nhật trên, thật dễ dàng, bạn chỉ cần thêm "-cc" sau "s1600", ví dụ s1600-cc, hoàn chỉnh như url sau:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkEm-uP-TShcOoIIsbguqzYEjcxE38CPQLB_jtmmVhE9PZPxW44vKTZIR5Dex0u3dbwm4dFAbs15bOd9mOfJWm1pKvH_C291NUpOJlQ0ssXxwebcEAqfGXmcyRPn0sHXSDPhpRXYwiCGA/s1600-cc/TAOANHTRONKHONG%2BCANCCS3.jpg

Như vậy bạn đã tạo được một ảnh tròn bằng cách thật đơn giản rồi.

nguôn: dientudieukhien.net