https://github.com/lloydzhou/antv-x6-svelte

antv x6 svelte as web component
https://github.com/lloydzhou/antv-x6-svelte

antv antv-x6 graph svelte webcomponent

Last synced: about 1 month ago
JSON representation

antv x6 svelte as web component

• Host: GitHub
• URL: https://github.com/lloydzhou/antv-x6-svelte
• Owner: lloydzhou
• Created: 2022-09-08T04:06:52.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-25T03:06:46.000Z (almost 2 years ago)
• Last Synced: 2024-07-23T10:13:13.767Z (about 2 months ago)
• Topics: antv, antv-x6, graph, svelte, webcomponent
• Language: Svelte
• Homepage:
• Size: 132 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-x6 - antv-x6-svelte - antv x6 svelte as web component (Frameworks / Svelte Component)

README

        
# 用html标签画x6图形

1. 加载x6的js

```

```

2. 加载x6tag.js（这个是将svelte封装的x6的组件编译成web component之后的代码）

```

使用本地编译的文件，或者使用cdn上面编译好的版本

```

3. 使用html标签画图

```

  

  

  

    

  

  

  

```

> 其中node1是一个group，包含了node11，拖动node1的时候，node11会一起拖动

## online demo

[codesandbox 使用html标签画x6图形](https://codesandbox.io/s/antv-x6-html-988sgg?file=/index.html)

# TODO

1. 参考[antv-x6-vue](https://github.com/lloydzhou/antv-x6-vue)封装其他组件

2. 支持渲染自定义组件