title: How to handle html5 canvas object with jCrop plugin?
body: <p>I'm looking for a long time solution and I can not find anywhere. If I have for exemple this html code: </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-type" content="text/html;charset=UTF-8"/&gt;
  &lt;script src="js/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.Jcrop.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;table&gt;
  &lt;img src="picture.jpg" id="picture" style="display:none"/&gt;
  &lt;tr&gt;
  &lt;td&gt;
  &lt;canvas id="rotate"&gt;&lt;/canvas&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;p&gt;
      &lt;strong&gt;Rotate Image: &lt;/strong&gt;
      &lt;a href="javascript:;" id="resetImage"&gt;Reset Image&lt;/a&gt;
      &lt;a href="javascript:;" id="rotate90"&gt;90&amp;deg;&lt;/a&gt;
  &lt;/p&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and I want rotate the image with some javascript rotate function and after that I need crop them with jCrop plugin. Is there a way to handle canvas object with jCrop plugin. I tryied to do this like that, but not working:</p>
  
  <pre><code>jQuery(function($) {
      $('#rotate').Jcrop({
      bgColor: 'black',
  bgOpacity: .8,
  setSelect: [ 10, 10, 200, 300 ],
      aspectRatio: 2 / 3
      });
  });
  </code></pre>
  
  <p>Can someone help me please?</p>