RailsCarrierwaveFocuspoint
CarrierWave extension for specifying focus point on image before they upload on server and cropped.
This gem based on helper tool of jquery.focuspoint javascript library (https://github.com/jonom/jquery-focuspoint)
Installation
in Gemfile
gem 'rails-carrierwave-focuspoint'Usage
For using this gem you must add fields focus_x:decimal and focus_y:decimal to your db table used for storing CarrierWave picture information. Use migration:
class AddFocusToUsers < ActiveRecord::Migration
def change
add_column :users, :focus_x, :decimal
add_column :users, :focus_y, :decimal
end
endin CarrierWave uploader
class UserAvatarUploader < CarrierWave::Uploader::Base
include CarrierWave::MiniMagick
version :small do
process crop_with_focuspoint: [100, 100]
end
version :big do
process crop_with_focuspoint: [300, 200]
end
endin model
class User < ActiveRecord::Base
mount_uploader :avatar, UserAvatarUploader
endin .js file
//= require focuspoint.js
//= require_self
$(document).ready(function() {
document.focuspoint.init(file_input_id: 'user_avatar');
});in .css file
/*
*= require focuspoint_control.css
*/in view template
= form_for @user do |f|
= f.input :avatar
= f.focuspoint_control :avatarLICENSE
This project rocks and uses MIT-LICENSE.