ember-inline-svg

ember-inline-svg

Displays SVG images inline.

Usage

{{inline-svg "path/to/file"}}

This will display the SVG found at /public/images/path/to/file.svg (see below on how to change this).

You can specify a class for the element like so:

{{inline-svg "my-svg" class="foo"}}

Configuring

SVG Paths

By default the addon expects to find your SVG images at /public/images/, but you can change this by setting the svg.paths option in your application's Brocfile.js

var app = new EmberApp({
  svg: {
    paths: [
      'public/images',
      'app/svgs'
    ]
  }
});

Optimizing

SVGs are optimized by svgo by default.

You can configure this by setting the svg.optimize options:

var app = new EmberApp({
  svg: {
    optimize: {
      plugins: [
        { removeDoctype: false },
        { removeTitle: true },
        { removeDesc: true }
      ]
    }
  }
});

Alternatively, you can disable it completely by setting this to false:

var app = new EmberApp({
  svg: {
    optimize: false
  }
});

Developing

Installation

• git clone this repository
• npm install
• bower install

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.

Changelog

v0.1.0

• #5 The path to an image can now optionally have a .svg extension.
• #6 The default source directory changed from ./public/images to ./public.
• #7 If there is an error during SVG optimization, the build is now aborted and a descriptive error is displayed.
• #7 If there are no images present, nothing happens and the build continues. More info.
• #9 Refactored tests to be independent of one another.