这个web小项目的UI是怎么实现的？

Question

项目展示：http://wangweiguang.xyz/mindmap/
项目代码：https://github.com/wwg1996/Si...

界面大概是一个思维导图的样子，我想知道实现图形界面的代码在哪里，比如我想改变连线的颜色，或者再加一个输入框，用以创建新的节点什么的，都不知道从哪里着手

这个项目看起来还是挺简单的，主要的js代码不过200余行，但是我没接触过前端，最近折腾了好久也每搞明白项目界面的实现逻辑。
比如

1. 界面上那个输入框的实现代码在哪里?

2. 如何改编界面上某条连线的颜色？

希望各位前辈抽时间给看看，不胜感激！

Answer 1

这个是canvas绘图的，不是css样式就能修改插手的，这个是浏览器调cpu直接绘图做的