前面我们实现了一个简单的canvas库，现在我们用它来实现一个简易版流程图，在实际应用中检验它的效果。

前言 在我们日常开发中贝塞尔曲线无处不在： svg 中的曲线（支持 2阶、 3阶） canvas 中绘制贝塞尔曲线 几乎所有前端2D或3D图形图表库(echarts，d3，three.js)都会使用到

微信又发布了新功能（更新到微信8.0.6）。最火热的非"炸屎"功能莫属了，各种群里纷纷玩起了炸屎的功能。我们就借此花10分钟来学习一下这个功能。

突然心血来潮，花了一个小时写了个贪吃蛇 ^_^ ! 规则 整图为一个 64 * 40 大小的矩形 随机在空白坐标点生成食物 蛇不能撞墙和吃自己 每吃一个食物身体长一格 初始速度为 150ms 移动一次

主要介绍Canvas运动路径、透明度的实现。主线程和Worker线程之间的通信和回调，以及注意事项。

因对于 canvas 画布在面试过程中有重复遇见，而自身也仅仅了解和学习过 canvas 的理论知识，那就那就整一个 demo 叭！

看过复仇者联盟的都知道，灭霸作为计划生育政策的坚定支持者和执行者，一个响指清除了宇宙中二分之一的生命。电影中被清除的生命灰飞烟灭的镜头很是酷炫，所以在复联4上映后，那个不存在的网站google，推出了一个彩蛋，如果在搜索框搜索灭霸，会出现一个手套的按钮，点击后会让网页搜索结果消…

效果就如上图那样的，有个小球发射器，碰撞目标物体，碰撞了就化成星星，然后碰撞下一个，大概就像西西弗斯推石头那样周而复始。 整体框架和 连连看小游戏一样。 canvas的背景用的是渐变背景，模拟深蓝的天空。渐变背景的配色可以参考这个网站https://uigradients.co…

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