How to use the react-art.Pattern function in react-art
To help you get started, we’ve selected a few react-art examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
allofthenorthwood / algorithms / NodeTree.jsx View on Github 
var _ = require('underscore');
var React = require('react');
var ReactART = require('react-art');
var Group = ReactART.Group;
var Path = ReactART.Path;
var Shape = ReactART.Shape;
var Surface = ReactART.Surface;
var Text = ReactART.Text;
var Pattern = ReactART.Pattern;
var circlePath = function(r) {
return new Path()
.moveTo(0, -r)
// Two arcs make a circle
.arcTo(0, r, r, r, true)
.arcTo(0, -r, r, r, true)
.close();
};
var linePath = function(x1, y1, x2, y2) {
return new Path()
.moveTo(x1, y1)
.lineTo(x2, y2);
};var _ = require('underscore');
var React = require('react');
var ReactART = require('react-art');
var Group = ReactART.Group;
var Path = ReactART.Path;
var Shape = ReactART.Shape;
var Surface = ReactART.Surface;
var Text = ReactART.Text;
var Pattern = ReactART.Pattern;
var circlePath = function(r) {
return new Path()
.moveTo(0, -r)
// Two arcs make a circle
.arcTo(0, r, r, r, true)
.arcTo(0, -r, r, r, true)
.close();
};
var linePath = function(x1, y1, x2, y2) {
return new Path()
.moveTo(x1, y1)
.lineTo(x2, y2);
};react-art
React ART is a JavaScript library for drawing vector graphics using React. It provides declarative and reactive bindings to the ART library. Using the same declarative API you can render the output to either Canvas, SVG or VML (IE8).
