移动端转盘指针触摸旋转

如果想让一个元素一端固定,然后绕固定的点自动旋转比较容易,但是如果想要用手指控制旋转则就需要考虑偏转这角度的问题了。

线上demo:https://my.weblf.cn/xly/demo/time_pal_rote.html

话不多说,先上代码:



    
        "UTF-8">
        "content-type" content="text/html;charset=gb2312" />
        "viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        "Cache-Control" content="no-cache, no-store, must-revalidate" />
        "Pragma" content="no-cache" />
        "Expires" content="0" />
        移动端转盘指针触摸旋转
        
    
    
        

将页面切换为移动端模式使用

"box">
"zhen_box" style="transform: rotate(0deg);">

以上代码没有用到任何框架,可以直接使用。

demo效果图:

移动端转盘指针触摸旋转_第1张图片

你可能感兴趣的:(移动端转盘指针触摸旋转)