JSFiddle - React, Tailwind, and code Playground

by Hooman Askari

HTML

<script src="http://www.3nodes.com/paper.js"></script>
<canvas id="drawCanvas"></div>

JavaScript

var canvas = document.getElementById('drawCanvas');

paper.setup(canvas);
paper.view.viewSize = [1000, 1000];

var path = new paper.Path(new paper.Point(10, 10), new paper.Point(60, 60));
var path2 = new paper.Path(new paper.Point(60, 10), new paper.Point(10, 60));

var group = new paper.Group([path, path2]);
console.log(group.bounds)
group.strokeColor = 'black';

group.position = group.position.add([100, 100]);
//group.rotate(60);
//group.scale(2, 2);


var bbox = new paper.Path.Rectangle(path.bounds);
bbox.strokeColor = 'red';
bbox.strokeWidth = 1;