raster drawing NO SVG public
this is the drawing program for raster drawing implmentation
by Nick Hulea
HTML
<script src="http://cdn.eyahuska.com/paper.js"></script>
<canvas resize="true" id="canvas-1" style="width:100%;"></canvas>
<script type="text/paperscript" canvas="canvas-1">
var b, d, g, c, r, i, v, n, brush;
var ebd = null;
var iArray = {};
var dArray = [],
rArray = {},
topGroup = new Group(),
mousePath = null;
var rastera = new Raster({
source: 'http://cdn.eyahuska.com/six.jpg',
// position: view.center,
size: view.bounds
});
rastera.on('load', function() {
loaded = true;
onResize();
});
var rasterb = new Raster({
source: 'http://cdn.eyahuska.com/two.jpg',
position: view.center,
size: view.bounds
});
rasterb.on('load', function() {
loaded = true;
onResize();
topGroup.addChild(rasterb);
topGroup.insertChild(0, new Path());
topGroup.clipped = true;
});
var brush_origin = new Path.Circle({
radius: 50,
strokeColor: 'red',
strokeWeight: 10
});
tool.fixedDistance = 20;
function onMouseMove(event) {
brush_origin.position = event.point;
}
function onMouseDown(event) {
brush = brush_origin.clone();
//normal array of all paths on canvas sweet!
dArray.push(brush);
//console.log(dArray);
//
//associative array of all paths on canvas sweet!
rArray[brush.id] = 0;
//console.log(rArray);
//
brush.position = event.point;
mousePath = topGroup.children[0];
addBrushStroke();
}
function onMouseDrag(event) {
if (!mousePath) return;
brush.position = event.point;
brush.selected = true;
addBrushStroke();
intersect();
}
function onMouseUp(event) {
mousePath = null;
//console.log(project.layers)
}
function onResize(event) {
rastera.fitBounds(view.bounds,...