html - Basecamp はアップロードされたユーザーの画像をどのように円に切り取りますか?

Question

37signals はサーバー側で画像を操作しますか? それとも、クライアント側でユーザーの画像を中央に配置してトリミングするために JavaScript を使用しますか?

Answer 1

これは、border-radius CSS ルール (todo のコメント セクション) を使用してクライアント側で発生しています。

img.avatar {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}