antv x6 isNode 用法示例
时间: 2024-05-16 21:17:45 浏览: 170
AntV X6 是一款基于 JavaScript 的图形化图表库,用于创建各种类型的图形,包括流程图、组织图、思维导图等。isNode 方法用于检查一个元素是否为节点。以下是使用 isNode 方法的示例代码:
```js
import { Graph } from '@antv/x6';
const graph = new Graph({
container: document.getElementById('container'),
width: 800,
height: 600,
});
const rect = graph.addNode({
x: 50,
y: 50,
width: 100,
height: 40,
attrs: {
body: {
fill: '#333',
stroke: '#fff',
strokeWidth: 2,
rx: 10,
ry: 10,
},
label: {
text: 'Hello',
fill: '#fff',
},
},
});
console.log(graph.isNode(rect)); // true
```
在上面的代码中,我们首先创建了一个 X6 图形对象,并将其渲染到页面上。然后,我们使用 `addNode` 方法创建了一个矩形节点,并将其赋值给变量 `rect`。最后,我们使用 `isNode` 方法检查 `rect` 是否为节点,并将结果输出到控制台。由于 `rect` 是一个节点,所以控制台会输出 `true`。
阅读全文