ember-rasterize

Rasterize HTML or SVG to an image in Ember. Useful for rendering HTML and SVG charts in PDFs.

Usage no npm install needed!

<script type="module">
  import emberRasterize from 'https://cdn.skypack.dev/ember-rasterize';
</script>

README

ember-rasterize

Rasterize HTML or SVG to an image in Ember. Useful for rendering HTML and SVG charts in PDFs.

Installation

In the root of your Ember application run:

ember install ember-rasterize

Usage

rasterize(type, source[, fontSize])

Inject the rasterizer service and call rasterize with type, source, and optionally a fontSize.

import Ember from 'ember';

const {
  inject,
} = Ember;

export default Ember.Component.extend({
  rasterizer: inject.service(),

  myRasterize() {
    const html = this.$();
    return get(this, 'rasterizer').rasterize('html', html, 1.3);
  },
});

Parameters

Name Type Required Default Description
type string Yes <none> Valid options are html or svg.
source string Yes <none> An HTML or SVG string.
fontSize number/string No 1 A multiplier by which to increase all font sizes – or – a CSS font size string e.g., 10px, 1rem, 3.2em, etc.

Returns

A URL encoded PNG image.