Memperkenalkan

X6 adalah mesin pengeditan grafik Berbasis HTML dan SVG yang menyediakan kemampuan kustomisasi berbiaya rendah dan ekstensi bawaan yang siap pakai yang memungkinkan kita membuat aplikasi dengan cepat seperti DAG、ER、FlowChart、BPMN dan sebagainya.

Fitur

Node dan edge mudah disesuaikan

X6 mendukung penggunaan SVG dan HTML untuk merender konten simpul. Atas dasar ini, kita juga dapat menggunakan komponen React dan Vue untuk merender node, yang akan sangat memudahkan dalam pengembangan. Misalnya, kami memiliki persyaratan baru: tambahkan menu klik kanan ke node. Akan lebih rumit untuk diimplementasikan menggunakan SVG, Kita dapat dengan mudah mengimplementasikannya dengan react node. Kita dapat menggunakan paket render React @antv/x6-react-shape yang disertakan dengan X6.

Kita dapat menggunakan router untuk menentukan bentuk tepi. Misalnya, router metro dapat membuat tepinya terlihat seperti diagram jalur kereta bawah tanah.

Interaksi yang kaya

X6 memiliki interaksi koneksi bawaan , interaksi penyematan , interaksi sorotan , dan bahkan interaksi alat, Misalnya, saya dapat menyorot port selama koneksi atau memindahkan alat untuk menyesuaikan tepi.

Plugin di luar kotak

x6 memiliki plugin bawaan untuk aplikasi pengeditan grafik yang umum digunakan, seperti transform , snapline , clipboard , keyboard , history , selection dll. Misalnya, kita dapat menggunakan plugin dnd untuk menarik dan melepas komponen dari pustaka komponen flowchart ke grafik.

Mencocokkan komponen ui

Membangun aplikasi edit grafik yang kompleks juga perlu menggunakan komponen UI seperti Menubar, Toolbar, Dropdown, ContextMenu, Splitbox, dll. Beberapa komponen React ini kami sediakan di @antv/x6-react-components .

Kinerja Luar Biasa

X6 memiliki banyak peningkatan kinerja, seperti perenderan asinkron, perenderan dalam tampilan, baik layar pertama maupun interaktif, dan mesin perenderan baru lebih dari 5 kali lebih cepat daripada mesin perender SVG tujuan umum. Anda dapat mengalami kinerja rendering di sini .

Tata letak yang kuat

X6 sepenuhnya menggunakan kembali kemampuan tata letak G6, dan membuat adaptasi format data, sehingga sangat nyaman untuk menggunakan fungsi tata letak di X6.

Kesimpulan

Terima kasih telah membaca, dan terima kasih kepada semua pengembang yang telah menggunakan X6 dan bahkan berkontribusi pada komunitas. X6 masih mengeksplorasi arah pengeditan grafis, dan Andalah yang memungkinkan pengembangan lebih lanjut dari X6. Kami akan berinvestasi dalam pengembangan masa depan dengan antusiasme yang lebih besar. Terakhir, harap Anda dapat menambahkan bintang ke github kami .