boolean working no fill or stroke
trying to boolean a raster with paper.js
by Nick Hulea
HTML
<script src="http://cdn.eyahuska.com/paper.js"></script>
<div id="container">
<canvas id="myCanvas" resize></canvas>
</div>
<script type="text/paperscript" canvas="myCanvas">
var container = document.getElementById('container');
var pathA, pathB, group;
var values = {
paths: 50,
minPoints: 5,
maxPoints: 15,
minRadius: 30,
maxRadius: 90
};
var hitOptions = {
segments: true,
stroke: true,
fill: true,
tolerance: 5
};
var operations = {
union: true,
intersection: true,
subtraction: true,
exclusion: true,
division: true
};
function runTest(testName, handler) {
var caption = document.createElement('h3');
var canvas = document.createElement('canvas');
caption.appendChild(document.createTextNode(testName));
container.appendChild(caption);
container.appendChild(canvas);
console.log('\n' + testName);
var paths = handler();
testBooleanStatic(paths[0], paths[1]);
return caption;
}
runTest('CompoundPaths 6 - holes and islands 4 (curves overlap exactly on existing curves)', function() {
var pathA = new Path.Rectangle(new Point(50.5, 50.5), [100, 120]);
var pathB = new CompoundPath();
pathB.addChild(new Path.Rectangle(new Point(140.5, 30.5), [100, 150]));
pathB.addChild(new Path.Rectangle(new Point(150.5, 65.5), [50, 100]));
// pathB = new Path.Rectangle(new Point(150.5, 80.5), [80, 80])
return [pathA, pathB];
});
createPaths();
function createPaths() {
var radiusDelta = values.maxRadius - values.minRadius;
var pointsDelta = values.maxPoints - values.minPoints;
var radius = values.minRadius + Math.random() * radiusDelta;
var points = values.minPoints + Math.floor(Math.random() * pointsDelta);
var path = createBlob(view.size * Point.random(),...