Konva中图形的id与name属性的作用有哪些区别？

两者的设计定位与正确使用方式 #

• id属性：要求全局唯一，整个Konva Stage（舞台）范围内不能出现重复值，逻辑和原生DOM的id属性完全一致。适合用来标记单个需要精准定位的特殊节点，比如唯一的提交按钮、画布主视觉元素，后续可以直接通过stage.findOne('#你的id值')快速获取到对应节点，不需要全量遍历。
• name属性：允许重复赋值，逻辑和原生DOM的class属性一致，适合用来给一类功能、类型相同的节点打分组标签。比如所有可删除的图形都统一设置name: 'deletable'、所有交互热区都设置name: 'hot-area'，后续需要批量操作这类节点时，直接调用stage.find('.你的name值')就能一次性拿到所有匹配节点，批量绑定事件、修改属性的效率会高很多。

框架是否会主动调用这两个属性 #

这两个属性并非仅作为用户自定义数据的存储载体，Konva框架本身会主动调用它们，核心使用场景是内置的节点查询能力：

Konva暴露的find()、findOne()查询方法完全依赖id和name属性实现筛选逻辑，如果你给多个节点设置了重复id，调用findOne('#xxx')时只会返回第一个匹配到的节点，框架本身不会抛出id重复的错误，需要开发者自行保证id的全局唯一性。
除了节点查询场景之外，Konva的其他核心逻辑（包括渲染、事件触发、动画运行、序列化导出等）都不会依赖这两个属性，也不会修改你设置的id、name值。如果需要存储额外的自定义业务数据，建议单独放到节点的自定义attrs字段里，不要和id、name的查询定位功能混用。

内容的提问来源于stack exchange，提问作者Gadger