Jad123123

最近被问的一个问题，canvas中如何画一个椭圆。作为一名前端工程师，平时接触图形学和webgl很少，对canvas了解仅限于看过canvas画图相应的api，遇到这个问题一脸蒙蔽，依稀记得canvas原生有个画圆的api，想当然的认为应该也有个对应的画椭圆的api，传入坐标点…

在了解跨域这个概念之前首先要知道的是何为同源策略。所谓的同源是一种安全机制，为了预防某些恶意行为（例如 Cookie 窃取等），浏览器限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。而满足同源要具备三方面：协议相同、域名相同、端口相同。 同源策略对于用户信息安…

React 团队对于舍弃 componentWillReceiveProps 函数的解释是开发者错误地在该函数中引入 side effect（副作用，调用外部函数等），导致组件重复多次执行 Updating。正确的做法应该是将 Updating 中的 side effect 都…

这两天正在重新实现maptalks.js的三维变换逻辑， 需要从底层重新实现一遍三维投影转换的算法。 好在三维投影算法已有很成熟的实现范式， 我选择了THREE.js作为参考对象， 这篇文章也是我对THREE.js中矩阵转换关系的总结。 三维投影算法就是将上诉因素抽象为数学算法…

负责顶点坐标变化、光照、裁剪、投影以及屏幕映射。该阶段输出经过变换和投影之后的顶点坐标、颜色以及纹理坐标。因为裁剪、投影和屏幕映射涉及到矩阵变换。故结合阶段的主要工作是==变换三维顶点坐标==以及==光照计算== 经过几何阶段的坐标变换后，得到每个点的屏幕坐标和需要绘制的图元(…

其中 x1、y1 为经过 Matrix 转换后的向量。由公式可知，Matrix 中 e, f 主要用于设置元素在 X轴和 Y轴上的平移。a, d 主要用于设置元素在 X轴和 Y轴上的缩放。a,b,c,d 用于设置元素在 XY 平面上的旋转。rotate/translate/sc…