画像を丸く表示したい

Question

ユーザのプロフィールページでユーザのプロフィール画像を丸く表示できるようにしたいです。

user.rb

def resize_picture
    return self.picture.variant(resize: '200x200').processed
  end

ここで画像をリサイズしていますが、同じような方法で画像を丸く表示できる方法はありますか？

もしくはcssで整えるしかないのでしょうか。

Answer 1

railsなので、表示するveiwに対応したCSSで

img {
    border-radius: 50%;
  }

にするしかないと思います
画像データって四角固定だったと思うので

Comments

[majikadezou]

回答ありがとうございます。
その場合、

＠user.picture　{

のように変数で指定すれば良いのでしょうか

[story_aniki]

まず、データベースのほうにusersテーブルにimage_nameというコラムを追加して、そのユーザーの画像のファイル名を管理します
画像ファイルは public/user_imagesというフォルダーを作ってそこに保存しておきます
そして

<img src="<%= "/user_images/#{user.image_name}" %>">

のようにして表示をします
あとはこのimgタグにIDなりクラスを設定して、CSSで指定するという感じです

[majikadezou]

なるほど！
ありがとうございます。
勉強になります。