Skip to content
An extension for radiant to allow dynamic image generation through RMagick
Ruby
Pull request Compare This branch is 1 commit ahead of raskhadafi:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
lib
public/stylesheets/extensions/dynamic_image
.gitignore
LICENSE
README.markdown
Rakefile
dependency.yml
dynamic_image_extension.rb

README.markdown

Dynamic Image Generator Extension

This extension generates images from text using RMagick for titles and navigations

Inspired by

Dynamic Text Replacement by Stewart Rosenberger

Dependencies

This extension needs the following gems installed:

  • rmagick
  • imagesize

Setup

  1. Copy the extension directory into your vendor/extensions folder
  2. Place a font file in a known directory on your server.
  3. Create a folder called "dynamic_images" in public and chmod 755 it
  4. Configure default text settings in environment.rb. Here are some sample settings

Radiant::Config['image.font'] = "/CenturyGothic-Bold.ttf" # default font path

Radiant::Config['image.font.dir'] = "/public/" # font directory

Radiant::Config['image.size'] = 28.0 # default font size

Radiant::Config['image.spacing'] = 5 # Spacing between words in pixels

`Radiant::Config['image.color'] = '#8FC757' # Font color

Radiant::Config['image.cache_path'] = 'public/dynamic_images' # Path to cache the images, don't change this now

Radiant::Config['image.background'] = '#0D0D0D' # Background color of the image or 'transparent' for transparent background (may have problems in IE)

Radiant::Config['image.image_size'] = '500x300' # Image dimensions; if you specify just width image magick will wrap the text for you

  1. make a rake update
  2. insert <link href="/stylesheets/extensions/dynamic_image/dynamic_image.css" type="text/css" rel="stylesheet"> into your layout

Usage

<r:image>Text to turn into image</r:image>

To customize the characteristics of the image you can set attributes in the tag (font, size, spacing, color, background, hovercolor) For example <r:image size="19">My Text</r:image>

You can also add HTML attributes which will be passed through, <r:image id="my_id">My Text</r:image>

You can also add it in navigations, see example `'

Authors

  • Andrew Metcalf
  • Roman Simecek

Sponsors

Some work has been kindly sponsored by ScreenConcept.

License

This extension is released under the MIT license, see the LICENSE for more information.

TODO

  • Optimize the image generating process, with some fonts the text is croped
Something went wrong with that request. Please try again.