这是一个为小学数学课堂设计的七巧板互动教学工具(React / Next.js / TypeScript / Konva)。
在线演示: https://amingdrift.github.io/tangram-app/
功能特点
➕ 右侧面板显示 7 个拼块(①~⑦),点击编号可顺时针旋转 45°
🧩 拖拽拼块到画布的黑色目标区域完成拼图
📐 碰撞检测与吸附:拼块间支持贴边吸附,靠近目标时会自动吸附
📁 题目管理:支持导入 / 导出 JSON(示例:tangram-problems.json)
✍️ 新建题目:点击"+"新建拖拽拼块后保存;已保存题目的目标以黑色显示
🕘 答案回放:可查看并加载历史答案,恢复每个拼块的位置
🎉 完成提示:全部正确放置后显示烟花特效
💾 数据持久化:题目与答案保存在 IndexedDB,刷新不丢失
点击空白处退出提示












评论