• 用canvas做transform变换关闭
  • 雪峰 发表于 2016-07-06
  • 最近开始有点“着迷”计算机图形这一块,于是找了本计算机图形学的书来看看。书上讲的大都是原理之类的,开头用LOGO语言的小乌龟进行图形的编写演示,然而由于道理都是相同的,最近刚好在弄canvas这块,于是就了解了一下。

    由于可以使用矩阵进行变换,所以只要你想,完全可以做出惊人的变换。而canvas自带了几个api,比如translate,scale,rotate,它们都是基于transform的矩阵进行变换的,这就比较像css3的transform了。

    这个例子其实没有深入transform变换,我只是总结了一下在圆内进行正多边形类的封闭图形绘制的规律,其中方法一中随着边数N的增大,其内部围成的空心圆越来越小最后接近于点;而方法二则比较理想,是利用了角度的差值。

    说白了,就是领悟了一下“数学之美”。

    canvas_transform

    查看介绍

    用canvas做transform变换