2015-07-15 2 views
0

Lorsque vous définissez draggable sur true pour les objets, ils ne peuvent pas être déplacés à moins que je ne les active également pour la scène. Ceci est cependant très indésirable dans mon application; Je veux seulement que certains objets soient déplaçables.Le déplacement et le glissement de kinetic.js ne fonctionnent pas sauf si je l'active sur toute la scène

function initGUI() 
{ 
    stage = new Kinetic.Stage(
    { 
     container: 'stage', 
     width: w.innerWidth, 
     height: w.innerHeight, 
     // draggable: true // Uncommenting this makes everything draggable 
    }); 

    layer = new Kinetic.Layer(); 
    stage.add(layer); 

    var debugRect = new Kinetic.Rect(
    { 
     fill: 'green', 
     x: 0, 
     y: 0, 
     draggable: true, // This isn't draggable despite this line 
     width: 200, 
     height: 200 
    }) 
    layer.add(debugRect); 
} 

HTML:

<body> 
<div id="stage"></div> 
</body> 

Je l'ai utilisé Kinetic pour certaines applications, mais jamais rencontré cela.

Répondre

1

Regardez s'il vous plaît. Demo

var stage = new Kinetic.Stage({ 
    container: 'container', 
    width: 578, 
    height: 500 
    }); 
    var layer = new Kinetic.Layer(); 
stage.add(layer); 

    var debugRect = new Kinetic.Rect(
{ 
    fill: 'green', 
    x: 0, 
    y: 0, 
    draggable: true, // This isn't draggable despite this line 
    width: 200, 
    height: 200 
}) 
layer.add(debugRect); 
layer.draw();