位置圆形路径上的图像具有给定半径（SVG或PHP）

Question

我需要创建一个应用程序，用户输入曲线或圆的半径，然后选择所选图像（具有透明背景的PNG图像）将在曲线上进行变换。

离。这是图像：

用户在文本字段中输入100px的radis并提交，结果将是：

图像位于曲线或圆的中心。任何想法和示例代码都会有所帮助，（在javascript和svg或php中）

Answer 1

看一下之前的StackOverflow问题：Align objects to curve with canvas

它链接到a JavaScript library for help with the math。

Answer 2

有jQuery Roundrr，http://www.addyosmani.com/resources/roundrr/

您可以构建一些用户可以选择参数（例如半径等），选择图像，订购...以及将数据传递给PHP并生成最终图像的内容。