[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:zh:patterned-tape-line-rendering":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# 通过图案切换与节点形状实时更新实现胶带式线条渲染\n\n## 本示例构建的内容\n\n本示例构建了一个采用中心布局的小型拓扑查看器，其边线不再以普通描边方式绘制。每条关系都会被渲染为一个填充的、类似胶带的 SVG 面区域，因此整张图在深色技术风画布上看起来更像是分层带状结构，而不是默认的节点连线图。\n\n用户可以在线条填充效果之间切换，包括半透明纯色和多种 SVG 图案；可以将现有所有节点在圆形和矩形之间切换；可以打开共享的画布设置面板；还可以将图谱导出为图片。这个示例的关键点在于，线条表面虽然被完全自定义了，但线条点击依然会走 relation-graph 的标准交互流程。\n\n## 数据是如何组织的\n\n数据集在 `initializeGraph` 中以内联 `RGJsonData` 的方式声明。它使用 `rootId: '2'`，包含 9 个节点和 8 条连线，并且每条线都采用 relation-graph 的标准格式，即 `from`、`to` 和 `text`。这份数据刻意保持小而静态，以便让示例聚焦于渲染行为，而不是数据加载。\n\n在调用 `setJsonData` 之前，没有进行任何",true,500,1782615381762]