https://github.com/icarusworks/ember-rasterize
Rasterize HTML or SVG to an image in Ember. Useful for rendering HTML and SVG charts in PDFs.
https://github.com/icarusworks/ember-rasterize
ember rasterize rasterize-html rasterizer svg svg-chart
Last synced: 3 months ago
JSON representation
Rasterize HTML or SVG to an image in Ember. Useful for rendering HTML and SVG charts in PDFs.
- Host: GitHub
- URL: https://github.com/icarusworks/ember-rasterize
- Owner: IcarusWorks
- License: mit
- Created: 2016-11-24T21:18:26.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-12-12T16:12:23.000Z (over 8 years ago)
- Last Synced: 2025-03-15T18:50:43.059Z (3 months ago)
- Topics: ember, rasterize, rasterize-html, rasterizer, svg, svg-chart
- Language: JavaScript
- Homepage:
- Size: 116 KB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
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:
```sh
ember install ember-rasterize
```
## Usage
### `rasterize(type, source[, fontSize])`
Inject the rasterizer service and call `rasterize` with `type`, `source`, and
optionally a `fontSize`.
```js
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 | `` | Valid options are `html` or `svg`. |
| `source` | string | Yes | `` | 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.