title: Fabric.js image clipTo not working correctly on mobile phones and retina displays
body: <p>I have built a small application using fabric.js and encountered a very strange problem on mobile devices.
  I have a path that I use in image.clipTo function to clip image to it. It works perfectly on PC, but on mobiles the path is duplicated and offsetted</p>
  
  <p>The code for clipping function:</p>
  
  <pre><code>img.clipTo = function(ctx) {
      this.setCoords();
      ctx.save();
      ctx.setTransform(1, 0, 0, 1, 0, 0);
      part.render(ctx);
      ctx.restore();
  }
  </code></pre>
  
  <p>So this is how it looks on desktop:
  <a href="https://i.stack.imgur.com/5JxUh.png" rel="nofollow noreferrer">Desktop</a></p>
  
  <p>And this is how it looks on mobile emulator with the same resolution (it looks the same on actual mobile device):
  <a href="https://i.stack.imgur.com/jYU8z.png" rel="nofollow noreferrer">Mobile</a></p>
  
  <p>You can notice that small duplicated rectangle on left. If I move the image to this rectangle it crops perfectly.</p>
  
  <p>You can also see this live on brmk-case-editor.herokuapp.com . To reproduce: click on collage button, select any collage and then double click on any collage part </p>