clunch - 🎨 渐进的前端交互式图形框架

🚀 数据驱动绘图

如果你可以正确的对业务数据进行修改，你就可以编辑一个交互的拖拽web应用。数据驱动绘图的设计，使得你只需把精力放在你的业务数据处理上，它负责绘图等比较难搞的部分。

上面是一个流程图，通过给每个节点和连线添加交互事件获取用户意图后，直接修改数据页面实时更新，就实现了一个简单的流程图编辑器。

🚀 复杂图形的区域管理

只要你可以对普通标签添加交互事件，就可以处理几乎任意图形的交互事件。通过对单一标签的画布进行抽象，我们提供了区域和子区域的概念，你可以像操作标签一样操作canvas画布中的具体图形。

上面是一份中国地图（未包括海洋等部分区域），通过c-on指令就可以给某个省添加点击事件，点击以后提示你点击了谁。

🚀 内置差异对比和过渡动画

如果图形改变过于僵硬需要添加动画效果怎么办？clunch.js会自动启动数据改变前后差异分析，然后给出合适的过渡方案，启动过渡动画。

上面的树图，点击某个结点后删除对应结点的孩子以后，树图会自动过渡成删除后的树图而不是突然改变。

🚀 支持跨端开发

目前我们支持支付宝小程序、微信小程序和H5端开发，具体的内容可以点击此处查看文档。

🚀 加入我们

目前clunch主要由 你好2007 维护，当然也有来自一些使用者的 意见 和 Pull requests 在帮忙我们不断改进和完善，在此我们表示由衷的感谢，我们会带着初心矢志不渝的坚持维护，并永远保持自由、开源、讨论和进步，期待你的加入。

新任务如何产生？

主要来自 issue 和前端本身的发展（可能一些新的技术等原因，催促一些改变是有意义的），如果你对未来版本有什么期望，也可以告诉我们。

当前，这也包括 接口文档 和 教程 等，甚至包括 开发者社区 ，一切围绕或和clunch相关的都可以提。

为什么要加入我们？

虽然通过提 issue 和 Pull requests 也可以很好的参与贡献，不过你无法完全的融入进来，无法更全面的把控clunch的发展规划。通过加入我们成为长期稳定的贡献者，和我们保持密切的联系，这非常利于你，因为你有了一定的主动权。

加入我们并不意味着就是代码的维护，你可以选择下列一项或多项进行参与：

• 代码维护：由于新功能或一些BUG的出现，对代码进行维护和升级。
• 文档编辑：主要是接口文档和教程需要编辑，这很重要。
• 用例开发和测试：在项目的test文件夹下有一些测试，而在examples项目中维护了一些用例。
• 参与讨论：主要是讨论clunch未来如何发展，改造的方向等。

如果有意向加入我们，你可以通过提 issue 和我们取到联系，请简单说明一下情况，我们会尽快回复。

你可以查看AUTHORS.txt了解所有的贡献者。

开源协议

MIT

Copyright (c) 2018-2022 hai2007 走一步，再走一步。