paper-select-tool

Paper.js based selection tool.

Usage no npm install needed!

<script type="module">
  import paperSelectTool from 'https://cdn.skypack.dev/paper-select-tool';
</script>

README

paper-select-tool

npm version

A Paper.js based selection tool.

Adds a Paper.js based tool to a canvas. Currently a lasso, rectangle and circle selection tool are implemented.

Install

The paper-select-tool library is available on npm.

npm i @jmatt/paper-select-tool

Usage

To use it, import it and use one of the selection tools.

import * as pst from 'paper-select-tool';

var core = document.getElementById('core'),
    settings;
window.onload = function() {
  settings = Settings();
  pst.lasso(settings, core);
}
// ...
var things = [{ point: new paper.Point(100, 100),
                id: 'big bada boom' }];
var inSelection = pst.pointsFilter(settings, things);
// returns the filtered collection of objects with points in the selection.

Examples

Examples can be found in the examples directory.

License

The MIT License. See the LICENSE file.