Resize polygon along one axis

Question

Using the following example I'm able to resize by scale and origin.

    polygonFeature.geometry.resize(scale, origin);
    vectorLayer.redraw();

But does anyone have any suggestions or sample code on how I would go about resizing a polygon on one of its axes?

For example: I would like to resize the orange polygon to something like the red polygon. So only the north and south edges move while the east west edges stay constant.

EDIT #1 Here's a use case and example data: A user only wants a portion of the orange rectangle because he's only interested in the coastline and satellite vendors will charge him more for the entire image. User needs to specify what portion of the image they want to order.

Although, i don't need the entire solution with sizing handles all i need is the ability to resize the Height of the polygon.

EDIT #2: Maybe i'm going about this wrong. I need an openlayers javascript (browser) solution and cannot go back to the server for resizing. Maybe what i should be doing is interpolating points along east and west edges of the polygon geometry (black dots). Then create two lines (green lines) in which the user can drag but restricting movement(draging) to those interpolated points. When the user is "done" i get the remaining yellow polygon?

Answer 1

This is what i was looking for!

OpenLayers.Control.TransformFeature

Example: http://openlayers.org/dev/examples/transform-feature.html

Answer 2

In the general case, I would use a perspective transformation to transform your original quadrilateral to a unit square and back again.

The basic steps are:

1. Find the affine transformation matrix from your quad to the unit square.
2. Scale the unit square by the same proportion the user wants to scale the original quad.
3. Invert the matrix obtained in step 1.
4. Apply that inverse matrix to the squashed square to transform it back into map space.

Caveats:

• Check you have a valid matrix and that it is invertible.
• It will only work successfully with convex quadrilaterals.

For the work you're doing you shouldn't have any odd cases such as concave polygons. I'm not sure what would happen with quads that cover the polar regions, I suspect you'd have to project it into some polar projection first.

The link posted in step 1. leads to a maths-heavy paper and some C++ template-heavy code. But it shouldn't be too hard to figure out how the code works because it's only a small function at the top of the file.