Affine transform generator from three pairs of points

Load pairs from JSON

If you set array of points in JSON file, press "Load JSON" to load it to below points text box.
NOTICE: values in Source/Destination points will be overrode!
URL

Generator

How to use:
Enter pairs of source and destination 3 points to derive the transform matrix which you can use in SVG/CSS, and then press 'Generator Affine Transform' button. You can get the matrix in CSS format in the below textarea.
Source points:
(1) (x, y): (2) (x, y): (3) (x, y):
Destination points:
(1) (x, y): (2) (x, y): (3) (x, y):

Acknowledgments

This program is using JavaScript matrix transformation library developed by James D. McCaffrey to calculate matrix inverse. I would like to thank James D. McCaffrey for the useful tool.