欢迎来到网聚网,在这里聚集着网络的经典荟萃,共享前沿情报信息。网聚网为你网络经典荟萃,聚焦时尚热点!

在浏览器中实现网页任意角度旋转

随着前端技术的蓬勃发展,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

已经有 ( 0 ) 位网友发表了评论,你也评一评吧!  

Design By XvDesign.Com | Login | Power By Z-BlogPHP 1.7.2