随着前端技术的蓬勃发展，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);
}