react-paperjs-experiment


Caution: This library only supports first time rendering at this moment, so any re-rendering behavior with react will not work.

Installation

``sh
npm i --save react-paperjs-experiment
`
or
`sh
yarn add react-paperjs-experiment
`

Usage

`jsx
const React = require('react');
const paper = require('paper-jsdom-canvas');

const { Group, PointText, Shape, Path, Raster, Svg } = require('react-paperjs-experiment');
const { renderToPNG } = require('react-paperjs-experiment/node');

const svg =
'';

const App = () =>






;

const canvas = paper.createCanvas(300, 300);

renderToPNG(, canvas, __dirname + '/paper.png');
`

See the basic example at examples folder.

API

$3

`jsx
const React = require('react');
const paper = require('paper-jsdom-canvas');
const { Group, Path } = require('react-paperjs-experiment');
const { renderToPNG } = require('react-paperjs-experiment/node');

const canvas = paper.createCanvas(300, 300);

renderToPNG(


,
canvas,
__dirname + '/paper.png',
() => { console.log('done'); }
)
`

$3

`jsx
const React = require('react');
const paper = require('paper-jsdom-canvas');
const { Group, Path } = require('react-paperjs-experiment');
const { renderToBuffer } = require('react-paperjs-experiment/node');

const canvas = paper.createCanvas(300, 300);

renderToPNG(


,
canvas,
buffer => { console.log(buffer); }
)
``

$3

- Item
- Layer
- Group
- Raster
- Shape.Circle
- Shape.Rectangle
- Shape.Ellipse
- Path.Line
- Path.Circle
- Path.Rectangle
- Path.Ellipse
- Path.Arc
- Path.RegularPolygon
- Path.Star
- PointText
- Svg

Paper.js official document