一款开源图片编辑器，采用React + Typescript + React-knova 框架开发.

前言 hello，大家好，我是dooringx-lib的作者。今天刚刚开源了我们dooringx项目的可视化拖拽框架dooringx-lib。 和别的开源项目比，dooringx-lib除了提供基础的

身边经常会有小伙伴问我有没有办法不买服务器也能上线自己的个人项目，比如不少同学都非常喜欢搭建一个属于自己的博客站点或者小游戏等。 目前相对比较简便的且不花自己一分钱的方法就是 Pages 服务。这类服务在国外比较知名的如 GitHub Pages 服务，在国内虽然能访问到，不过…

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即可。 有内味了，如果要求不高，这个勉强也就能够交差了。通过蓝色渐变表示电量，通过色块的位移动画实现充电的动画。但是总…

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

这两天，谷歌推出的首款AI小程序“猜画小歌”彻底火了，朋友圈一时成为灵魂画师们的舞台。大体来说，就是你和AI玩一个“你画我猜”的游戏，你在屏幕上画个涂鸦，AI会猜测你在画什么。至于游戏规则和玩法，其他答主已经介绍的非常详细了，这里不再赘述。 Quick，Draw以及这款“猜画小…

示例工程在源码 “quickstart-grace-demo”目录下, 用微信小程序开发工具打开即可。 创建页面时用grace.page 替换 Page 即可。 注意：Grace 注入到实例中的所有方法和属性命名都以“$”开始。 这很明显是受了React的影响，好的不学🤦‍，…

烟花炸裂后微粒：自身位置（x, y），自身大小（size），自身速度（rate），最大烟花半径（radius）。 config：为全局变量，以及控制参数，包括画布宽高，设定烟花属性等。 此时烟花是这样的，感觉少了点小尾巴。 现在我们每一帧都是清除了画布，如果要加上小尾巴其实也很…