Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

可视化2D矩阵分解的小玩意儿分享

  由于之前的倾斜变换的概念比较难以思考,于是做了这个小玩意儿和大家分享。拖动图形上的控制点即可看到其对应的变换矩阵以及矩阵分解成的一组基本变换组合。图形化这些变换有助于在脑子里模拟这些2D变换,让大家更深刻地体会到这些变换的实际含义。
  其实一个矩阵可以分解出任意多组基本变换组合,不需要rotate就可以实现所有动作。不过这里我还是尽可能多地使用rotate,而尽量避免使用skew。另外还对skew的两个参数做了平衡,使它们总是相等。
  下面是直接的演示,暂没做移动端兼容,请使用PC端测试。
  也可以在新页面打开:2D变换矩阵分解.html
网名:
54.144.24.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^