我要实现指针根据实际的数据进行旋转,具体问题是怎么固定指针的根部不变
你得先说说你想要用什么实现吧…………
canvas/svg不难,起点终点坐标知道就行
想用div的话,稍微复杂一点,先在div里面画根线,然后用transform:matrix(n,n,n,n,n,n)
或者transform:translate(x,y) rotate(angle)
去变就行了
至于怎么变,这是基本三角函数的内容,稍微想想就能推倒出公式的吧。
http://sandbox.runjs.cn/show/htjya9me
使用transform-origin改变旋转中心不就好了