Svg下的坐标变换
来源:互联网 发布:短域名生成器自定义 编辑:程序博客网 时间:2024/05/21 11:17
1、平移变换(translate)
平移表达式transform="translate(x,y)",即新坐标系的原点在原坐标系的(x,y)处。坐标轴的方向不变。
2、旋转变换(rotate)
transform="rotate(angle cx,cy)"。angle代表旋转角度,缺省单位是“度”,瞬时针为正,逆时针为负。(cx,cy)是旋转中心所在的坐标。若省略旋转中心坐标,则缺省值是(0,0)。
3、伸缩变换(scale)
transform="scale(sx,sy)",sx,sy分别代表x轴方向和y方向拉伸或缩小的比例因子。拉伸:大于1;缩小:小于1。若省略sy,即sy=sx,作等比例缩放。
4、歪斜变换(skew)
transform="skewX(x-angle)"或transform="skewY(y-angle)",x-angle,y-angle分别代表沿x轴和y轴歪斜的角度。
5、矩阵变换(matrix)
transform="matrix(a b c d e f)",这里的六个参数分别是变换矩阵中的六个参数。特点是灵活性大,无论多么复杂的变换,只需进行一次矩阵运算即可。
二维坐标变换基本公式:
x a c e x1
y = b d f * y1
1 0 0 1 1
其中 ,x,y是旧坐标,x1,y1是新坐标。
平移表达式transform="translate(x,y)",即新坐标系的原点在原坐标系的(x,y)处。坐标轴的方向不变。
2、旋转变换(rotate)
transform="rotate(angle cx,cy)"。angle代表旋转角度,缺省单位是“度”,瞬时针为正,逆时针为负。(cx,cy)是旋转中心所在的坐标。若省略旋转中心坐标,则缺省值是(0,0)。
3、伸缩变换(scale)
transform="scale(sx,sy)",sx,sy分别代表x轴方向和y方向拉伸或缩小的比例因子。拉伸:大于1;缩小:小于1。若省略sy,即sy=sx,作等比例缩放。
4、歪斜变换(skew)
transform="skewX(x-angle)"或transform="skewY(y-angle)",x-angle,y-angle分别代表沿x轴和y轴歪斜的角度。
5、矩阵变换(matrix)
transform="matrix(a b c d e f)",这里的六个参数分别是变换矩阵中的六个参数。特点是灵活性大,无论多么复杂的变换,只需进行一次矩阵运算即可。
二维坐标变换基本公式:
x a c e x1
y = b d f * y1
1 0 0 1 1
其中 ,x,y是旧坐标,x1,y1是新坐标。
- Svg下的坐标变换
- SVG - 坐标与变换
- SVG transform坐标变换
- svg transform 坐标变换方式
- svg transform 坐标变换方式
- 理解SVG transform坐标变换
- 大地坐标系与SVG DOM屏幕坐标之间的变换
- SVG——坐标系统的变换整合
- svg基础 4 坐标和变换
- SVG坐标系统及图形变换
- 坐标变换的实现
- 矩阵的坐标变换
- 图像的坐标变换
- 摄像机的坐标变换
- OpenGL的坐标变换
- 理解SVG坐标系统和变换: transform属性
- HTML5之SVG 2D入门6 - 坐标与变换
- OpenGL下的极坐标视图变换函数
- import语句的实质
- 五种提高 SQL 性能的方法
- 附录A 程序维护手册格式说明
- 深入理解ASP.NET的Postback
- 单片机中关键字data,idata,xdata,pdata的区别
- Svg下的坐标变换
- JSTL备忘
- linux中禁用ipv6
- 让.Net2.0的Membership使用已存在的Sql Server2000/2005数据库
- 使用 WinSock 2 实现多址广播
- MFC应用程序中处理消息的顺序
- CEO CFO CIO CTO CKO CHO CMO CNO CQO CBO CCO CVO 英文定义
- [翻译] 怎么在ASP.NET 2.0中使用Membership
- 分析一下CSDN论坛中一个比较字段值保留最大并删除其它的帖子