线性代数在前端中的应用(二):实现鼠标拖拽旋转元素、Canvas图形

2022-03-12
阅读 12 分钟
3.6k
看到文章标题,很多同学可能会疑惑,实现元素的旋转,只需要求得旋转角度,然后用CSS中的transform:rotate(${旋转的角度}deg)就可以实现旋转的需求,为什么要用到线性代数的知识?
封面图

线性代数在前端中的应用(一):实现鼠标滚轮缩放元素、Canvas图片和拖拽

2022-02-22
阅读 16 分钟
5.9k
在前端开发中,有些时候会遇到根据鼠标当前位置为原点,滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难,但其实借助线性代数中的矩阵运算,可以非常容易地实现这一功能,更重要的是,数学作为一门学科,具有通用性,与具体的编程语言和环境无关,掌握好原理便可以实现通用性。
封面图