zoukankan      html  css  js  c++  java
  • g6中的变换矩阵matrix

    在看g6文档的时候看到一个变换矩阵,不明觉厉,如下

    matrix =
      1 0 0
      0 1 0
      0 0 1

    于是查资料了解里面每个数字的意义,和css3的matrix()方法似乎类同

    transform: matrix(a,b,c,d,e,f)
    
    对应矩阵
    a  c  e
    b  d  f
    0  0  1
    
    当变换原点为(0,0)即x=0,y=0时
    
    当应用变换矩阵后,
    水平坐标为x' = ax + cy + e
    垂直坐标为y' = bx + dy + f
    
    其中a为x轴缩放值,b为y轴倾斜值,c为x轴倾斜值,d为y轴缩放值,e为x轴偏移值,f为y轴偏移值

     实际测试中发现矩阵的每个值与css3中的意义并不相同

    
    
     matrix = [a, b, c, d, e, f, g, h, i]

    即矩阵 a b c d e f g h i 其中a为x轴缩放值,e为y轴缩放值,g为x轴偏移,h为y轴偏移,b和d受旋转影响
  • 相关阅读:
    集合
    3/11
    字典
    3/10
    字符串之不常用方法
    字符串的索引和切片
    数据类型的转化
    Markdown在线编辑器
    3/9
    Django:RestFramework之-------渲染器
  • 原文地址:https://www.cnblogs.com/nightstarsky/p/14982057.html
Copyright © 2011-2022 走看看