Alexander Deplov

Select object and move it, change cursor type

Select object and move it, change cursor type

Code

var originals = new Group({ insert: true });

var circle = new Path.Circle(view.center + 20, 50);
circle.fillColor = 'orange';
circle.blendMode = 'multiply';
originals.addChild(circle);
circle.onMouseEnter = function(event){
    view.element.style.setProperty('cursor', 'pointer');
}
circle.onMouseLeave = function(event){
    view.element.style.setProperty('cursor', null);
}

var circle1 = new Path.Circle(view.center - 20, 50);
circle1.fillColor = 'blue';
circle1.blendMode = 'multiply';
originals.addChild(circle1);
circle1.onMouseEnter = function(event){
    view.element.style.setProperty('cursor', 'move');
}
circle1.onMouseLeave = function(event){
    view.element.style.setProperty('cursor', null);
}

var activeItem;

function onMouseDown(event) {
    var hitResult = originals.hitTest(event.point);
    activeItem = hitResult && hitResult.item;
    if (activeItem)
        activeItem.scale(0.9);
}

function onMouseUp(event){
    if (activeItem)
        activeItem.scale(1.1);
}

function onFrame(event){
    if(activeItem)   
        activeItem.fillColor.hue += event.delta * 60;
}

function onMouseDrag(event) {
    if (activeItem)
        activeItem.position += event.delta;
}