骨骼动画实现原理
从零封装一个图形库
等等, 每一个实战案例我都同步到 阿几里德编程实践 代码仓库中, 有兴趣的朋友可以参考学习。...用 css 或者 css背景渐变 都可以画出来, 但是通过上面的方式很难对三角形边界进行计算了, 我们需要知道三角形的三个顶点坐标, 所以这里我讲给大家介绍一种三角函数的方式, 来画任意的三角形。...3.1 从画一个线段开始
image.png
我们先来考虑一个简单的问题: 已知两个点的坐标 A(x0, y0) 和 B(x1, y1), 如何用 dom 画一个线段AB。...我们只需要用根据三角形的3个顶点坐标画出首尾相连的3条线段即可。
3.2 用 HTMLDiv 画一个三角形
我们只需要对上面的生成线段的函数稍加改造, 就可以实现生成三角形数据元的函数。...image.png
在上面两个图形的边界计算中我们用特殊方法来计算出了任意一个点是否在其内部, 但是对于三角形, 以上方法可能都不适用了, 那我们怎么来实现它呢?