title: How to get data from JS Guillotine and use it for displaying image?
body: <p>I'm trying to build some sort of Facebook coverphoto system. Users on my website can upload a photo, which they can drag, scale, etc. I'm using <a href="http://guillotine.js.org/" rel="nofollow noreferrer">JS Guillotine</a> for this, since it's the best script I could find related to Facebook coverphoto system.</p>
  
  <p>So I've implemented the script and everything works like it should, also all the data is being visible on the page. I can store the exact info in a MySQL table with PHP, so all of that works. </p>
  
  <p>But I don't quite understand how the demo page comes up with (for example)</p>
  
  <pre><code>style="left:-2.38%";
  </code></pre>
  
  <p>when the demo page displays x = 10. What math or formula do I have to use to come up with those percents? I want to use that info to store in my database, and reposition the image with CSS. </p>
  
  <p>I hope I'm clear enough. 
  Thanks in advance!</p>