みなさん、こんにちは。まどぎわです(・∀・) 今日は、mini_magicと使って画像にテキストを合成する方法をメモしておきますφ(..) mini_magicを使うと某匿名質問サービスみたいに画像に文字を合成する機能を結構簡単に作ることが出来ます🙌 ↓公式のリポジトリはこちら↓ github.com mini_magicの使い方 準備 mini_magicを使うには、ImageMagickというアプリがインストールされている必要があります。 まずはインストールされているかどうか確認してください。 $ convert -version Version: ImageMagick 6.9.9-40 Q16 x86_64 2018-07-14 http://www.imagemagick.org Copyright: © 1999-2018 ImageMagick Studio LLC Lic
これは何？ Railsアプリケーションを扱うときに、画像周りを扱うのは必須。 必須事項の現時点でのベストプラクティスを記事に残す。 下記の環境で開発を行ってます。 環境 Mac OS High Sierra バージョン 10.13.6 Ruby 2.5.1 Rails 5.2.1 MySQL 5.7.23 RSpec CarrierWave MiniMagick Fog S3 CarrierWave gem 'carrierwave' => まずはGemを追加 bundle exec rails g uploader Picture => uploaderの設定ファイルを生成 => この設定ファイルについては後述 ▼ 単一画像 bundle exec rails g migration add_picture_to_users picture:string => 画像をDBで扱うためにカラ
CarrierWaveで画像のアップロード機能を実装する 今回はユーザーテーブルにプロフィール画像を設定できるようにします。 1. モデルに画像アップロード用のカラムを設定する userモデルに画像をアップロードするためのimageカラムを追加します。
MiniMagickで画像を作る方法をついも忘れてしまって、そのたびに調べなおすことになるのでメモしておく。 MiniMagick::Tool::Convert.new do |c| c.size '300x300' c << 'canvas:#FFFFFF' c << '-font' << 'VL-PGothic-Regular' c << '-fill' << '#000000' c << '-pointsize' << '14' c << '-gravity' << 'North-West' c << '-annotate' << '+10+10' << 'hoge ほげ' c << 'test.png' end いつもMiniMagick::Image.newから始めようとしてはまる。 こういうAPI的な面以外でもMiniMagickがなんだか難しいなと感じる。それはその内部でどの
これらのゲームは全て本サイトの記事で作成したゲームを改造して作成したものです。 UTC FPS ONLINE SUPER SMASH UTCs. SPACE ONLINE (unity1week作品) ... どのようなゲームが作成できるかはテストプレイをしていただくとイメージが掴めると思いますので、まずはプレイしていただくことをお勧めいたします。 なにぶん私もUnity初心者で全く最適な方法で作れてはいないので、「こうした方が良いよ！」という意見や、「書いてある通りに作ってみたけど動かんやないかい！」などの問題等もあれば以下のメールアドレスやtwitterのDMまたはお問い合わせからでも良いので教えていただけるととても有難いです。 現在管理者が多忙によりお問い合わせに対応できません。申し訳ございませんが、ご了承ください。 こんなサイトですが、オンラインゲームを作成する際の１つの例として参
Railsで画像処理したいときはMiniMagickが使えます。MiniMagickはImageMagickのラッパーです。 リファレンスはhttps://github.com/minimagick/minimagickです。 準備 – ImageMagick ImageMagickのインストールが必要です。 OS Xなら $ brew install imagemagick Ubuntuなら $ sudo apt-get install imagemagick 終わったらバージョンを確認してみます。 $ convert --version Version: ImageMagick 6.7.7-10 2016-06-01 Q16 http://www.imagemagick.org Copyright: Copyright (C) 1999-2012 ImageMagick Studio
用意した画像 やったこと 結果 MiniMagickを使って、画像を生成してみました。 用意した画像 ベース画像 ユーザー画像 フォントファイル やったこと アイコン画像を丸く切り抜く Convertメソッドを使い、既存画像を読み込み加工をして出力します。 # ユーザー画像を元に新しい画像を生成する # 円状に切り抜く # 新しい画像は `out_put.png` に出力される user_image = MiniMagick::Image.open({ユーザー画像パス}) MiniMagick::Tool::Convert.new do |img| img.size "#{user_image.height}x#{user_image.width}" img << 'xc:transparent' img.fill user_image.path img.draw 'translate 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
