我正在制作一个需要“旋转屏幕”功能的触摸屏的Web应用程序.使用CSS转换很容易旋转所有内容,它适用于大多数页面.问题是当有像Mapbox这样的插件使用鼠标事件时,事件的位置仍然相对于视口.例如,在我旋转< body>之后180度,然后点击地图的左上角,这是浏览器的右下角,地图框会认为我点击了地图的右下角.与拖动相同,它只是将地图移动到相反的方向.
是否有更好的方法来旋转整个页面,包括所有鼠标事件?或者有没有办法解决它,比如根据旋转自动替换鼠标事件坐标?
最佳答案 我建议按照上面的Pamblam建议旋转网页视图. GL JS(与大多数
Javascript库一样)不是为了将输入映射到CSS变换而设计的.