Scratch SVG renderer
Find a file
Christopher Willis-Ford b6e61ed1be Merge code changes from scratch-render, CWF
The code in this repository was slightly out-of-date relative to
`scratch-render`. I also merged in some minor API changes from my work.
2018-01-09 14:56:30 -08:00
src Merge code changes from scratch-render, CWF 2018-01-09 14:56:30 -08:00
.editorconfig Update Webpack and Babel config 2018-01-09 01:06:10 -08:00
.eslintignore package for svg renderer 2017-09-05 11:57:48 -04:00
.eslintrc.js package for svg renderer 2017-09-05 11:57:48 -04:00
.gitattributes package for svg renderer 2017-09-05 11:57:48 -04:00
.gitignore package for svg renderer 2017-09-05 11:57:48 -04:00
LICENSE package for svg renderer 2017-09-05 11:57:48 -04:00
package.json Update Webpack and Babel config 2018-01-09 01:06:10 -08:00
README.md add readme 2017-09-06 14:41:21 -04:00
TRADEMARK package for svg renderer 2017-09-05 11:57:48 -04:00
webpack.config.js Merge code changes from scratch-render, CWF 2018-01-09 14:56:30 -08:00

scratch-svg-renderer

A class built for importing SVGs into Scratch. Imports an SVG string to a DOM element or an HTML canvas. Handles some of the quirks with Scratch 2.0 SVGs, which sometimes misreport their width, height and view box.

Installation

This requires you to have Git and Node.js installed.

To install as a dependency for your own application:

npm install scratch-svg-renderer

To set up a development environment to edit scratch-svg-renderer yourself:

git clone https://github.com/LLK/scratch-svg-renderer.git
cd scratch-svg-renderer
npm install

How to include in a Node.js App

import SvgRenderer from 'scratch-svg-renderer';

var svgRenderer = new SvgRenderer();
svgRenderer.fromString(svgData, callback);

Donate

We provide Scratch free of charge, and want to keep it that way! Please consider making a donation to support our continued engineering, design, community, and resource development efforts. Donations of any size are appreciated. Thank you!