2017-12-15今天学了2D,下周响应式,要结束了。

原创 moxiao 随笔 个人笔记 649阅读 2017-12-15 22:32:38 举报

今天学了2D,下面是今天的知识点:
transform 变换
rotate(90deg) 旋转函数 取值度数
deg 度数
transform-origin:x y 旋转的基点
具体值:10px
英文关键字:left right center top bottom
skew(90deg) 倾斜函数 取值度数 默认X方向斜切
skewX()
skewY()
scale(2) 缩放函数 取值 正数、负数和小数
scaleX()
scaleY()

    值 ≈ 倍数意思
    1   正常大小
    0   看不见
    2   两倍

translate() 位移函数
translateX()
translateY()

下面是我有点头疼的东西了,矩阵,哇!我数学不是很好,但是还好,直接套用公式就行了!
标准样式
matrix(a,b,c,d,e,f) 矩阵函数
IE
filter: progid:DXImageTransform.Microsoft.Matrix( M11= 1, M12= 0, M21= 0 , M22=1,SizingMethod='auto expand');
IE下的矩阵没有E和F两个参数 M11==a; M12==c; M21==b; M22==d

通过矩阵实现缩放
    x轴缩放 a=x*a    c=x*c     e=x*e;
    y轴缩放 b=y*b   d=y*d     f=y*f;
通过矩阵实现位移
    x轴位移: e=e+x
    y轴位移: f=f+y
通过矩阵实现倾斜
    x轴倾斜: c=Math.tan(xDeg/180*Math.PI)
    y轴倾斜: b=Math.tan(yDeg/180*Math.PI)
通过矩阵实现旋转
    a=Math.cos(deg/180*Math.PI); 
    b=Math.sin(deg/180*Math.PI);
    c=-Math.sin(deg/180*Math.PI);
    d=Math.cos(deg/180*Math.PI);

今天就学了上面的内容,周天好好的吧前两周做的内容改下。
今天突然想给最好的兄弟送一份结婚礼物,明年结婚,还有一年,我学完还需要几个月,中间我要好好的做一份精致的网页给最好的兄弟……
为了梦想,奔跑吧……

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复