HTML5自学笔记[ 16 ]canvas绘图基础3

时间:2024-01-20 11:51:22

canvas还提供提供了一些动态方法,使图像可以旋转、缩放和移动,与css3中的方法一样。

  1. 移动:translate(x,y),x和y为横竖方向的偏移量
  2. 旋转:rotate(弧度),弧度=角度*Math.PI/180;注:多次旋转角度累加。
  3. 缩放:scale(x,y),x和y为水平和垂直方向的缩放比。

注意:scale缩放有个弊端,那就是即缩放宽高,又缩放边框的宽度,所有在使用时应该注意。