title: Kinetic JS: Can I add multiple names to shapes?
body: <p>I have the following for example to create a polygon:</p>
  
  <pre><code>            var poly = new Kinetic.Polygon({
                  x: coorx,
                  y: coory,
                  points: coords,
                  alpha: 0,
                  fill: colors[Math.floor(Math.random() * colors.length)],
                  name: myname
              }); 
  </code></pre>
  
  <p>What I would like to do is have two class names, for example "rect-1" and "rect-2". I want some of the shapes to have one of those classes, some will have both.</p>
  
  <p>The point of this would be to be able to use the <code>get()</code> syntax to transition some shapes in one way, opacity for example, and other shapes in another way, offset for example:</p>
  
  <p>Is it possible to gives shapes multiple "class" names for advanced selection as I described here?</p>
  
  <p>Thanks!</p>
  
  <pre><code>    var shapes = stage.get(".rect-1");
  
      for(var n = 0; n &lt; shapes.length; n++) {
          var shape = shapes[n];
  
          shape.transitionTo({
              alpha: (opacities[Math.floor(Math.random() * opacities.length)] * 1.5) + .7,
              duration: 2
          });                 
      }
  
      var shapes = stage.get(".rect-2");
  
      for(var n = 0; n &lt; shapes.length; n++) {
          var shape = shapes[n];
  
          shape.transitionTo({
              offset: {
                  x: 10,
                  y: 10
              },
              duration: 2
          });                 
      }
  </code></pre>