Skip to content

JinLinC0/Project-GojsDemo

Repository files navigation

README

基本使用:

  • 下载需要的包:npm install
  • 运行项目:npm run dev

基于Vue3GoJs搭建的一个小Demo,可以用于简单的思维导图和流程图绘制,该项目的基本界面如下:

image-20250517144855212

可以将左侧的元素(该Demo只是简单提供了一些基本几何图形和SVG几何图形)拖入画布中,双击节点元素,会出现添加端口(是连接线的起始端口)的对话框

image-20250517144953014

对应新添加的端口,可以通过Shift+鼠标左键拖动具体的端口位置

同时,我们可以通过鼠标左键右键节点对节点进行相应的设置,如剪切和设置填充颜色等

image-20250517145259165

绘制好流程图或者思维导图后,我们可以在元素操作按钮栏目中进行设置,可以切换到预览模式(移除了端口信息)和导出在画布中绘制的数据信息

image-20250517145543208

About

基于Gojs和Vue3开发的一个小Demo,用于绘制简单的流程图和思维导图。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy