游戏讲述的是一个小女生被恶魔诅咒找不到家了，她听说收集七龙珠可以召唤神龙，神龙可是帮她实现回家的愿望，于是她开启了她的冒险故事

从Element3入门WebGL Shader。本文是系列的第一篇，介绍了从Element3入门WebGL Shader的基本环境配置以及一些GLSL的基本知识。包括绘制长方形、圆形、直线等。

接下来，我会把纯前端实现生成海报全流程给大家讲个明明白白，把我自己遇到的坑，给大家详细分享并讲解，防止大家遇到相似问题，即使遇到问题，也会有一个明确的方向，并且吐血建议大家收藏一波，以备不时之需。(你不能保证以后的需求，没有类似的吧，有的话，记得翻出来看看) 长路漫漫，总得有人…

0. 导读 这篇文章是对蚂蚁金服可视化团队 Antvis 的开源图表方案 F2 的源码阅读，还有该库的一大背景——图形语法的了解学习。我们会从实际需求背景出发，谈到图表方案大的背景、图形语法这个阵营的基本思想，然后进入 F2 源码的简要分析，其大致的学习分析思路是：整体架构划分…

F2 是蚂蚁金服开源的一个专注于移动的可视化图表库，特点为专注移动，体验优雅，图表丰富，组件完备。但是因其目前只适配了H5，微信小程序和支付宝小程序，飞书小程序还未能很好的适配，故如果想在飞书小程序上使用需自行进行适配。 F2 默认基于 Html5 Canvas 进行图表绘制，…

本文将会带着大家基于React搭建一套属于自己的绘图工具。 项目的地址我已经托管到github上, 欢迎各位大佬批评指教!后面陆续会将完成的功能, 同步更新到我的github博客上。 至于基础布局的代码, 大家可以自由发挥, 本文就不赘述了。如果想直接上手基础功能的话, 可以直…

其实有很多库已经实现了流程图，比如 jointjs，gojs，jsplumb 等等。可惜都不是免费的。 如果要做的简单呢，就用贝塞尔曲线就好了，只需要提供起点终点两个点的坐标，就能用简单的算法生成一个svg 的path了。这样算法网上应该找得到。 但是如果要用正交连线来实现，这…

1. 背景 将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。 快照环节通常处于页面交互流程的末端，汇总了用户最终的参与结果，直接影响到用户对于活动的完整体验。因此，生成高质量的页面快照，对于活动的传播和…