Artery Simulator

技术要点

• wrap every node in a element, which display: contents, so the wrapped element looks like no exist

• IntersectionObserver node position, register it, used to render a mirror element

• implement drag and drop on mirror element

• the real node could be rendered as really as possible

• Simulator render artery structure, but not interactive

• Simulator tell you the clicked node position

• Simulator zoom in?

TODO

• 优化性能
• dragging handle
• 优化 请拖拽组件到此处 的提示
• 点击 placeholder 需要可以选中父容器