canvas绘图数学知识总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas绘图数学知识总结相关的知识,希望对你有一定的参考价值。

题外话:

最近看了一本书叫 《html5 Canvas核心技术 图形、动画与游戏开发》已经算是看了85%,基本接近尾声,所以近期会多总结一些关于canvas的东西,

这本书讲的还算可以,最大的障碍就是一些数学知识和理论的应用,第八章的碰撞检测比较难理解,看这部分的时候,我感觉非常吃力,向量运算是主要技术点,

我这本书是以阅读源码为主的,有兴趣的朋友可以看看,大家交流一下。

三角函数

canvas中所有和角有关的api 都是用的弧度 

js api 如

Math.sin(),Math.cos,Math.tan()  函数也是采用弧度制

角度转弧度 π/180×角度
弧度变角度 180/π×弧度 

 

技术分享

这在求坐标的时候用的,非常多了。

 

算了,今天太晚了,明天在整理,把


以上是关于canvas绘图数学知识总结的主要内容,如果未能解决你的问题,请参考以下文章

canvas知识点总结(二维)

每周一点canvas动画

canvas知识点总结

canvas绘图详解-03-绚丽的倒计时效果

熬夜总结了 “HTML5画布” 的知识点(共10条)

canvas弹跳球----源码分享与知识点总结