在给定半径的圆路径上定位图像（SVG或PHP）

Question

I need to create an application which user enter radius of the curve or circle and choose the selected images (PNG Images with transparent background) will transform over the curve.

ex. here are the images:

and user enter the radis of 100px in the textfield and submit, then the result will be:

the images position in the center of the curve or circle. any idea and sample code will be helpful,(in javascript and svg or in php)

Answer 1

Take a look at this previous StackOverflow question: Align objects to curve with canvas

It links to a JavaScript library for help with the math .

Answer 2

There's jQuery Roundrr, http://www.addyosmani.com/resources/roundrr/

You can build something that users can select the parameters (like radius, etc), select the images, order ...
and than pass the data to the PHP and generate the final image.