title: in kinetic js fill element(shape) with image
body: <p>I am making different shapes inside canvas using Kinetic js. I inserted image into shape but not able to resize image inside shape.
  User will give input x,y,height and width of image. Then image of given size will be inserted into shape.</p>
  
  <p>I can not insert images here because of less reputation.
  You will understand my question easily by viewing <a href="http://jsfiddle.net/2snca9x8/" rel="nofollow">js fiidle</a></p>
  
  <p>Here is my code sample</p>
  
  <pre><code>$(img).load(function() {
      blueCircle.fillPatternImage(img);
      blueCircle.fillPatternOffset({x:100, y:105});
      layer.draw();
  });
  img.src = "";
  img.src = "http://www.fusemobile.com.au/wp-content/uploads/2011/11/mobile-social-network-300x225.jpg";
  </code></pre>