新的Basecamp正在這樣做,因爲它可以在this link中看到。我想知道在我的rails 3應用程序中如何實現這一點。如何使用回形針創建圓形縮略圖?
2
A
回答
10
見this forum post on using masks with Imagemagick to get a circle effect。
然而,意識到在「新的basecamp」與「圓形頭像」,他們使用簡單的CSS,而不是圖像處理。看看屬性border-radius
,-moz-border-radius
,-webkit-border-radius
和-khtml-border-radius
。
2
我沒有使用Rails的經驗,但從我看過的here看來,Paperclip使用Imagemagick作爲其後端。所以你需要使用masking with Imagemagick。
編輯:您可以按照這個例子,爲圓半徑調整值: http://loo.no/2009/08/09/rounded-corners-with-paperclip
相關問題
- 1. 如何僅使用回形針創建圖像文件的縮略圖?
- 2. 用回形針顯示縮略圖
- 3. 回形針不會在heroku上創建縮略圖
- 4. 回形針,PDF縮略圖和IE8
- 5. 如何使用imagemagick和回形針將縮放陰影應用於縮略圖?
- 6. Angularjs,Rails 4和回形針如何獲得縮略圖圖像
- 7. 從PHP中的jpeg創建一個圓形縮略圖
- 8. 如何使用PIL生成圓形縮略圖?
- 9. 如何使用回形針縮略多頁PDF
- 10. 如何訪問使用回形針和回形針-av-代碼轉換器保存的視頻縮略圖
- 11. 使用回形針寶石再生縮略圖
- 12. 如果原始文件太小,回形針不會創建縮略圖
- 13. 如何使用回形針即時顯示上傳圖像的縮略圖?
- 14. 如何創建一個圓形的BufferedImage而不是創建使用圖形
- 15. 如何創建矩形形狀的圓形圖像? CSS
- 16. 如何創建圓形圖片庫
- 17. 如何創建圓形圖像包裝
- 18. 使用回形針創建mp3上傳
- 19. 如何用GraphicsMagick製作圓形縮略圖?
- 20. 回形針不創建我指定的縮略圖。我錯過了什麼?
- 21. 如何使用php和html在縮略圖上創建圓角?
- 22. 在矩形內創建橢圓/圓形
- 23. 帶回形針的圓角
- 24. Rails - 無回形針使用回形針?
- 25. 回形針刷新的縮略圖不適用於S3
- 26. 使用Python + MagickWand創建方形縮略圖
- 27. 回形針後處理 - 如何使用jpegoptim/optpng壓縮圖像
- 28. 方形縮略圖
- 29. 讓回形針製作矢量圖像的柵格縮略圖
- 30. Rails回形針 - 上傳原始圖像和縮略圖
在這種情況下,CSS是Right Thing(TM),因爲它是最靈活的解決方案。 – Residuum 2012-04-02 08:14:02