英文原版:
2.2.3 旋转
旋转canvas用的方法是 rotate() 。此方法接受一个以弧度为单位的旋转参数,整个canvas将以坐标原点,也就是由 translate() 所确定的原点为圆心进行旋转。.在本教程中,我们将原点移动到了canvas的中心点上,这样图中的矩形就可以以其中心点进行旋转了。
如:
<script> context.script>
效果图,scale被注释掉的效果
效果图,scale没有注释掉的效果
代码
head> <style> body { margin: 0px; padding: 0px; } #myCanvas { borderstyle> <script> window.canvas context rectWidth rectHeight // 把坐标原点移动到canvas中心点 context.canvas. // 顺时针旋转45度 context.. context.context.rectWidth rectHeight rectWidth bodywidthcanvashtml>