v2ray节点的基本概念

• 定义：在代码中使用<v2ray node="your-canvas"></v2ray>创建一个v2ray节点。
• 绑定：将v2ray节点与视图组件绑定，使用<v2ray-node data-node="your-canvas"></v2ray-node>。
• 用途：用于创建响应式视图,提供交互体验和灵活的布局。

创建响应式视图

1. 创建视图组件：在视图组件中使用<v2ray-container data-node="v2ray-node"></v2ray-container>。
2. 添加v2ray节点：在视图组件中使用<v2ray-node data-node="your-canvas"></v2ray-node>。
3. 配置布局：使用group, repeat, offsetX等属性调整布局。

高级功能

• 数据存储：在视图组件中使用data-node存储响应式视图的缩放因子、 padding 等。
• 内部嵌套：使用useParent和useInside控制节点的嵌套关系。

示例

• 响应式矩形视图：

  <视图-component>
    <v2ray-container data-node="v2ray-node"></v2ray-container>
    <v2ray-node data-node="your-canvas"></v2ray-node>
    <rect x="" y="" width="2" height="1"></rect>
  </视图-component>

v2ray节点在网页开发中是创建响应式视图和灵活交互体验的工具，通过合理使用节点的属性和功能,可以构建更复杂的布局和应用。