Usually when an image is being resized in javascript or css3(using background-size), it will stretch an image from the center point. I need an image to be stretched and distorted from a single point that could be anywhere. It's going to be dynamic so I don't want to resort to using separate images.

Here's a pic that illustrates what I mean:  

![enter image description here](https://i.stack.imgur.com/acS6N.jpg)

Hopefully there's an answer out there!