This action distorts an Element by changing the coordinates of the four corners (see figure) defined by the element's boundaries.

In the following example we have an ImageElement on the Canvas and a DistortCorners action is applied on the ImageElement. In this example, the new four corners are defined as (x1 = -20, y1 = -20), (x2 = 200, y2 = 0), (x3 = 250, y3 = 180), and (x4 = -30, y4 = 200).