Chinaunix首页 | 论坛 | 博客
  • 博客访问: 3966505
  • 博文数量: 930
  • 博客积分: 12070
  • 博客等级: 上将
  • 技术积分: 11447
  • 用 户 组: 普通用户
  • 注册时间: 2008-08-15 16:57
文章分类

全部博文(930)

文章存档

2011年(60)

2010年(220)

2009年(371)

2008年(279)

分类: LINUX

2011-08-12 15:42:37

平移translate
context.translate(x,y)
x表示将坐标原点向左右移动多少个单位
y表示将坐标原点向上下移动多少个单位
扩大scale
context.scale(x,y)
x是水平方向的放大倍数
y是垂直方向的放大倍数
旋转rotate
context.rotate(angle)
angle指旋转的角度

js代码如下

01function draw(id)
02{
03    var canvas=document.getElementById(id);
04    if(canvas==null)
05    return false;
06    var context=canvas.getContext('2d');
07    context.fillStyle="#eeeeff";
08    context.fillRect(0,0,400,300);
09    context.translate(200,50);
10    context.fillStyle='rgba(255,0,0,0.25)';
11    for(var i=0;i<50;i++){
12        context.translate(25,25);
13        context.scale(0.95,0.95);
14        context.rotate(Math.PI/10);
15        context.fillRect(0,0,100,50);
16    }
17}
阅读(9118) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~