Manipulando imagens com Rails: bordas arredondadas no Paperclip
by Ricardo Yasuda on June 09, 2009 20:32
Uma das dúvidas mais recorrentes de usuários do Paperclip é como tornar as bordas dos thumbnails arredondadas. Felizmente o Paperclip usa o ImageMagick para lidar com imagens e dá para passar opções para a linha de comando do convert:
has_attached_file :image,
:styles => { :thumb => ['400x300#', :png] },
:convert_options => {
:thumb => "\\( +clone -threshold -1 \
-draw 'fill black polygon 0,0 0,15 15,0 fill white circle 15,15 15,0' \
\\( +clone -flip \\) -compose Multiply -composite \
\\( +clone -flop \\) -compose Multiply -composite \
\\) +matte -compose CopyOpacity -composite"
}
Não esqueça que a imagem resultante será um PNG, então você precisa passar o formato na definição do thumb. Essas opções também funcionam no ImageMagick diretamente na linha de comando.
O resultado é esse:
Confira outras opções do ImageMagick.
Tags: rails, paperclip, imagemagick, rounded, corners, bordas, arredondadas
You may also like:
- Dica rápida: Thumbnail de PDF no Paperclip
- Plugins de Rails que eu normalmente uso
- Dica: Configuração do Paperclip
- Últimos eventos
- 6o Encontro do Guru-SP - Testes
Rápido e objetivo!
Uma dica ótima, que ajudará a muitos.
Parabéns.
Eu não tinha conhecimento sobre isso e isso realmente me ajudar. Obrigado por compartilhar sua experiência. Esperando o mesmo no futuro também.