什么'；在HTML5/JavaScript中创建用户可转轮的最佳方法是什么？

我需要创建一个轮子，该轮子将被用户拖动360度左右（以便将轮子的特定部分放置在顶部）

我发现了一个使用HTML5画布的轮盘赌的例子，它只是将一个轮盘的图像随机旋转一段时间。然而，当涉及到允许用户随心所欲地拖动轮子时，我被难住了

我也更愿意使用HTML/CSS制作轮子，而不是使用图像，因为它需要动态更新。

绘图框架允许你做任何你可能在flash中看到的事情，但没有flash。它适用于几乎所有没有插件的浏览器。它使用SVG或VML，具体取决于浏览器。看一看可拖动的老虎示例

编辑：

---

作为更大ExtJS框架一部分的绘图框架的文档可在以下位置找到：

这是我为一个可拖动的圆圈/轮子设计的代码。我想你已经解决了，没有做任何旋转动作

<script src="ext-all-debug.js" type="text/javascript"></script>
    <script type="text/javascript">
        Ext.onReady( function() {

            //create the drawing surface
            var drawComponent = Ext.create('Ext.draw.Component', {
                width: 400,
                height: 400,
                draggable: {
                    constrain: true,
                    constrainTo: Ext.getBody()
                },
                autoShow:true,
                floating: true,
                renderTo: Ext.getBody(),
                items:[{
                    //add the circle sprite to the
                    //drawing surface
                    type: 'circle',
                    fill: '#79BB3F',
                    "stroke-width": "1",
                    stroke: "#000",
                    radius: 100,
                    x: 100,
                    y: 100
                }]

            });

        });
    </script>

Ext.onReady（函数（）{
//创建图形表面
var drawComponent=Ext.create（'Ext.draw.Component'{
宽度：400，
身高：400，
可拖动：{
对,，
约束对象：Ext.getBody（）
},
汽车展：是的，
浮动：是的，
renderTo:Ext.getBody（），
项目：[{
//将圆形精灵添加到
//图纸表面
键入：“圆”，
填充：“#79BB3F”，
“笔划宽度”：“1”，
笔画：“000”，
半径：100，
x:100，
y:100
}]
});
});

您可能需要使用画布来绘制：

---

要拖动控制盘，您需要处理鼠标向下、鼠标移动和鼠标向上的事件。

嗯，这看起来像一个数学问题

因此，定义一个中心点，然后使用三角学来定义直线（从中心点到鼠标）与地平线的角度

---

现在在cnavas weel的中心点上绘制画布，获取角度并根据需要重新绘制weel

在他们的网站或谷歌上难以找到该绘图框架。他们的产品似乎是花钱买的。是免费的吗？如果是，它在哪里？对不起@samiles绘图框架是其整个javascript框架Ext JS（）的一部分。它是免费下载的，并且是开源的。他们的许可证也是一种商业许可证，但是否需要购买ExtJS框架绘图部分的文档，则由您决定：