介绍
HTML 5: 画布(canvas)之转换(转换画布的用户坐标系)
- 平移 | translate()
- 旋转 | rotate()
- 缩放 | scale()
- 矩阵转换 | transform(a, b, c, d, e, f)
- 矩阵转换 | setTransform(a, b, c, d, e, f)
示例
1、平移 | translate()
canvas/transform/translate.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
|
2、旋转 | rotate()
canvas/transform/rotate.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
|
3、缩放 | scale()
canvas/transform/scale.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
|
4、矩阵转换 | transform(a, b, c, d, e, f)
canvas/transform/transform.html
发表回复