Shutterstock, Inc.
In-browser image perspective manipulation

Abstract:

Methods for providing in-browser perspective manipulation are provided. In one aspect, a method includes executing, in a web browser, an image editing application retrieved from a remote server. The method also includes providing for display, in a user interface of the image editing application, a background and an image. The method also includes modifying anchors of the image in response to user input. The method also includes determining an indicator for supporting hardware graphics acceleration in the web browser. When the indicator is true, the method includes calling a 3D perspective transformation function on the image based on the modified anchors. When the indicator is false, the method includes a 2D approximation that divides the image into smaller units for affine transformations, which are then recombined into the transformed image. The method also includes compositing an output image comprising the transformed image in front of the background.