canvas的横竖屏问题

canvas的横竖屏问题"/>

canvas的横竖屏问题

我们所需要的效果是这样的

 但是呢，我们得到的确实这样子的

 那我们需要怎么办呢？

首先   

我们需要照到这个页面的css，也就是他的样式把里面的  transform: rotate(90deg);  这句代码给注释掉，如果有     -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);    这段代码也一并注释掉

这样你就得到了一个这样的签名板

 改改样式就是这样的啦

还有一个是撤销的样式也是和上面一样的方法哦！如果改不了transform: rotate(90deg); 就添加transform: rotate(360deg) !important;就好了啊，想加上这些也是可以的  transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);   也就是旋转一周，

其次

 我们现在的签名板签出来的字还是横屏的哦，

 我们需要找到   ctx.rotate(-90 * Math.PI / 180);   这句代码。然后去掉-90就好啦 就只这样的    ctx.rotate(Math.PI / 180);   这样就正常啦  或者直接删掉也可以的

最后

我们给他加个边框美化一下就好啦

okk，这就没有啦