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.
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);
How to run locally as part of scratch-gui
To run scratch-svg-renderer locally as part of scratch-gui, for development:
- Set up local repositories (or pull updated code):
- In each of the local repos above, run
npm linkin each of these local repos:
npm link scratch-svg-rendererin each of these local repos:
- In your local scratch-gui repo:
npm link scratch-render
npm link scratch-paint
- In scratch-gui, follow its instructions to run it or build its code
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!