Name: react-paperjs-experiment
Owner: YOCTOL INFO INC.
Description: null
Created: 2017-07-10 11:11:20.0
Updated: 2017-11-10 19:04:15.0
Pushed: 2018-01-18 07:56:24.0
Homepage: null
Size: 36
Language: JavaScript
GitHub Committers
| User | Most Recent Commit | # Commits |
|---|
Other Committers
| User | Most Recent Commit | # Commits |
|---|
Caution: This library only supports first time rendering at this moment, so any re-rendering behavior with react will not work.
i --save react-paperjs-experiment
or
add react-paperjs-experiment
t React = require('react');
t paper = require('paper-jsdom-canvas');
t { Group, PointText, Shape, Path, Raster, Svg } = require('react-paperjs-experiment');
t { renderToPNG } = require('react-paperjs-experiment/node');
t svg =
svg width="100" height="100"><circle cx="220" cy="250" r="40" stroke="green" stroke-width="4" /></svg>';
t App = () =>
roup>
<Raster source="http://assets.paperjs.org/images/marilyn.jpg" />
<PointText point={[200, 200]} content="Hello" fontSize={35} />
<Shape.Rectangle point={[0, 0]} size={[300, 35]} strokeColor="black" />
<Path.Rectangle point={[0, 35]} size={[300, 265]} strokeColor="black" />
<Svg svg={svg} />
Group>;
t canvas = paper.createCanvas(300, 300);
erToPNG(<App />, canvas, __dirname + '/paper.png');
See the basic example at examples folder.
t React = require('react');
t paper = require('paper-jsdom-canvas');
t { Group, Path } = require('react-paperjs-experiment');
t { renderToPNG } = require('react-paperjs-experiment/node');
t canvas = paper.createCanvas(300, 300);
erToPNG(
roup>
<Path.Rectangle point={[0, 35]} size={[300, 265]} strokeColor="black" />
Group>,
nvas,
dirname + '/paper.png',
=> { console.log('done'); }
t React = require('react');
t paper = require('paper-jsdom-canvas');
t { Group, Path } = require('react-paperjs-experiment');
t { renderToBuffer } = require('react-paperjs-experiment/node');
t canvas = paper.createCanvas(300, 300);
erToPNG(
roup>
<Path.Rectangle point={[0, 35]} size={[300, 265]} strokeColor="black" />
Group>,
nvas,
ffer => { console.log(buffer); }