raster drawing NO SVG v2 not working
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 = {},
rasterArray = [],
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/six.jpg',
position: view.center,
size: view.bounds
});
rasterb.on('load', function() {
loaded = true;
onResize();
});
var brush_origin = new Path.Circle({
radius: 50,
strokeColor: 'red',
strokeWeight: 10
});
tool.fixedDistance = 50;
function onMouseMove(event) {
brush_origin.position = event.point;
}
function onMouseDown(event) {
brush = brush_origin.clone();
r = new Raster();
r.source = 'http://cdn.eyahuska.com/one.jpg';
r.position = view.bounds;
rasterArray.push(r);
r.on('load', function() {
loaded = true;
onResize();
});
g = new Group([brush, r]);
g.clipped = true;
//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(g.children[0]);
//
brush.position = event.point;
mousePath = g.children[0];
addBrushStroke();
}
function onMouseDrag(event) {
if (!mousePath) return;
brush.position = event.point;
//brush.selected = true;
...