在可视化应用中，我们经常会遇到需要判断一个路径是否存在交叉的需求。根据路径交叉与否可以判断多边形是否是简单多边形，以及判断交通路线是否有十字路口等等。 这个问题实际上本质上是判断两个线段是否相交。因为路径是由线段构成，我们只要判断除了相邻线段外，没有其他线段两两相交即可，JS代…

最近闲啊，快闲了两个月了。估计要一直闲到年底去。 最近三个星期吧，都是在学习中。先学了react，等自己搭建起基本的脚手架模型了就不想写了。总感觉写到后面也就和vue差别不大了。 然后学c++，学了个基础，学完了指针和构造函数。发现我学C++暂时没有什么收益。虽然比较受用。而且…

在刚学习前端知识的时候，相信不少人会对 canvas 感兴趣。有的人偏向于用 canvas 实现酷炫的动画或者小游戏，有的人偏向于实现业务需求（分享页面转图片之类的），当然也有的人会有一些骚操作（将网页用 canvas 实现，传输数据加密，这样很难抓取数据）。 也许你现在没有接…

结果均是以失败告终（不符合业务需求，改造难度大）。 调整一下心情，重新踏上甘特图组件调研之路 🤕，终于，被我发现了 Top 5 : Best free jQuery and JavaScript Dynamic Gantt Charts for web application…

最近想做一个波浪滚动的背景，查询资料后发现使用 svg 可以做。自己动手实践了下，效果如下： 首先看到这些波浪是由一些曲线来绘制成的，使用 css 可以通过 border-radius 设置各种角度来实现。但是想想也挺麻烦的，svg 中的 path 可以满足我们的需求。 也就是…

https://moayuisuda.github.io/moa-line/. 噪声在我的理解中是“连续的随机”，比如你输入noise(0.01), noise(0.02), noise(0.03)......参数很接近，那么生成的结果值虽然随机，但也同样会很接近。如果想深入了…

这个动画看起来有点难，但其实要比想象中的简单。 它只是平移和旋转的简单合成，下面大体分析一下。 1. 鼠标位置 要跟随鼠标移动，首先就要获取鼠标的位置。 可以给画布绑定mousemove事件，这样拿到鼠标相对于页面的绝对位置（pageX，pageY），再减去画布自身的偏移量，就…