欢迎来到网聚网,在这里聚集着网络的经典荟萃,共享前沿情报信息。网聚网为你网络经典荟萃,聚焦时尚热点!
在浏览器中实现网页任意角度旋转
随着前端技术的蓬勃发展,HTML5 Canvas绘图在各种应用场景频显身影,我们经常会遇见很多用canvas制作的流程图,很多时候需要左右滑动的进行浏览查看~
如果需要对这种左右滑动才能查阅全部的流程图进行截图时,我们可以在浏览器里面对网页进行旋转然后再滚动截屏。
在浏览器里对网页进行任意角度旋转可以通过“浏览器开发者工具”一般按F12进入,选择console,再key入下面的代码。
方法1:
document.body.style.transform = "rotate(90deg)";//角度可以任意定义,负数亦可
方法2:
javascript:setInterval(function(){document.body.style.cssText+="-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg)";},100);void(0);
方法3:
选择style,在key入下面的代码。
body { -webkit-transform: rotate(90deg); }
标签:
分类:麻辣头条| 发布:yalebobo| 查看:684 | 发表时间:2021-06-03
原创文章如转载,请注明:转载自网聚网 https://yalebobo.com/
本文链接:https://yalebobo.com/?id=367
分类:麻辣头条| 发布:yalebobo| 查看:684 | 发表时间:2021-06-03
原创文章如转载,请注明:转载自网聚网 https://yalebobo.com/
本文链接:https://yalebobo.com/?id=367
已经有 ( 0 ) 位网友发表了评论,你也评一评吧!