百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 文章教程 > 正文

5.开始使用 mxGraph:软件包安装与配置

yund56 2025-07-17 00:04 3 浏览

2 Getting Started 入门

2.1 The mxGraph Package mxGraph 软件包

2.1.1 Obtaining mxGraph 获取 mxGraph

[翻译]
mxGraph 可从 GitHub 项目获取。发布版本标记为“va.b.c”,其中 a、b 和 c 是遵循语义版本控制的版本号部分。

[原文]
mxGraph is available from the GitHub project. Released versions are tagged "va.b.c", where a, b and c are version number parts following semantic versioning.

https://github.com/jgraph/mxgraph
  • available /'velbl/ 可用的
  • tagged /taeɡd/ 标记的
  • semantic /s'maentk/ 语义的
  • versioning /'vrn/ 版本控制

[翻译]
每个正式发布版本还以 .zip 或 .tar.gz 格式在 mxGraph 发布页面上提供。

[原文]
Each formal release is also available as .zip or .tar.gz on the mxGraph releases page.

  • formal /'frml/ 正式的
  • release /r'lis/ 发布
https://github.com/jgraph/mxgraph/releases

2.1.2 Project structure and build options 项目结构与构建选项

[翻译]
解压后,您将在安装根目录中看到多个文件和目录。

[原文]
Once unzipped you will be presented with a number of files and directories in the installation root.

  • unzipped /n'zpt/ 解压的
  • directories /d'rektriz/ 目录
  • installation /nst'len/ 安装

/doc
文档根目录,包括本用户手册

/dotnet
.NET 服务器端类

/java
Java 服务器端类

/javascript
JavaScript 客户端功能

/javascript/examples
展示 mxGraph 使用的 HTML 示例

ChangeLog
版本之间的更改详情

index.html
库的基本介绍

license.txt
您必须遵守的许可条款

Table: Project Directory Structure
表格:项目目录结构

2.1.3 npm npm

[翻译]
mxGraph 也可通过 npm 包管理器获取。要将 mxGraph 用作依赖项,请使用 npm 安装:

[原文]
mxGraph is also available via the npm package manager. To use mxGraph as a depedency, use npm install:

  • available /'velbl/ 可用的
  • dependency /d'pendnsi/ 依赖项
  • install /n'stl/ 安装
npm install mxgraph --save

[翻译]
该模块可使用 require() 加载。这将返回一个接受选项对象的工厂函数。必须向工厂函数提供选项(如 mxBasePath),而不是作为全局变量指定。

[原文]
The module can be loaded using require(). This returns a factory function that accepts an object of options. Options such as mxBasePath must be provided to the factory function, rather than specified as global variables.

  • module /'mɑdul/ 模块
  • require /r'kwar/ 要求
  • factory /'faektri/ 工厂
  • options /'ɑpnz/ 选项
  • global /'ɡlobl/ 全局的
var mxgraph = require("mxgraph")({  
mxImageBasePath: "./src/images",  
mxBasePath: "./src"  
})  

[翻译]
工厂函数返回一个“命名空间对象”,提供对 mxGraph 包中所有对象的访问。例如,mxEvent 对象可在 mxgraph.mxEvent 处访问。

[原文]
The factory function returns a 'namespace object' that provides access to all objects of the mxGraph package. For example, the mxEvent object is available at mxgraph.mxEvent.

  • namespace /'nemspes/ 命名空间
  • access /'aekses/ 访问
  • package /'paekd/ 包
var mxEvent = mxgraph.mxEvent;  
mxEvent.disableContextMenu(container);

相关推荐

柚墨个人简历Word模板分享(柚墨ppt)

1、棕色商务风餐饮店长个人通用简历:http://www.yomoer.cn/template/detail/7801.html2、棕色商务风猎头个人通用简历:http://www.yomoer.cn...

纯粹的 Prompt 优化:输出HTML一步到位, 简历诊断 AI 小程序揭秘

最近我琢磨着,能不能搞一个超便捷的简历诊断工具,用户只需上传简历和岗位要求截图,AI就能一步到位生成HTML报告,这想法是不是听着就带劲?现在,我把这整个过程拆解出来,跟大家分享一下,保证干货满...

代码式动态录入生成个人简历页面html页面前端源码

大家好,今天给大家介绍一款,代码式动态录入生成个人简历页面html页面前端源码(图1)。送给大家哦,获取方式在本文末尾。整个页面分为两个部分,左右布局,左边动态输入一个代码编辑器,根据输入的代码动态变...

Web前端开发,HTML超链接标签,不懂的可以学习一下

一、什么是HTML的超链接大家平时浏览的网页中都可以找到链接。点击链接就可以从一个页面跳转到另一个页面。HTML超链接可以是一个字,一个词,或者一组词,也可以是一幅图像。可以点击这些内容来跳转到新的文...

HTML-列表标签(双标签) 208(html项目列表标签)

列表标签有3种:1)dl,dd与dt(定义列表)2)ol与li(有序列表)3)ul与li(无序列表)前两者一般不怎么用,网页中运用最多的是第三种1)<dl><dd>与<...

html开发笔记06- 字体标签和文字标签

1、字体标签:用于在页面中加粗、倾斜、加下划线等操作(不推荐)。字体标签分为:<b>加粗</b>,<i>倾斜</i>,<u>下划线&...

Web前端:HTML的10大重要用途(web前端开发html总结)

  HTML是最流行的Web前端开发技术之一,它是一种用于创建网页和Web应用程序的标记语言。HTML与CSS和JavaScript结合使用以创建有吸引力且响应迅速的前端网页。  HTML提供了...

晨间解析!HTML canvas 标签面试题,绘图知识轻松掌握

当清晨的阳光如笔尖般轻轻划过窗台,泡一杯温润的金骏眉,坐在桌前翻开这篇文章——此刻的学习,就像在网页的“电子画布”上从容调色,让HTML中<canvas>标签的知识点如晨光般细...

想学 HTML,不知从何入手?看完这篇文章你就知道了

很多人都说HTML是一门很简单的语言,看看书,看看视频就能读懂。但是,如果你完全没有接触过,就想通过看一遍教程,背背标签,想要完全了解HTML,真的有点太天真了。HTML中文“超文本标记语言”,英文名...

B端设计|页面标签的认识和实操应用

既然浏览器中可以使用页面标签,那为什么在项目中还需要使用这个组件和交互框架的形式呢?本文IE等浏览器界面为例,介绍了页面标签在产品设计中的作用,以及它们在不同使用场景当中的效果。希望能帮助你对页面标签...

视频号超链接怎么设置能成功?核心要点:标签代码格式

视频号超链接怎么设置能成功?坦白来讲,成功背后的方法很简单,唯一需要注意的点,就是<a>标签代码背后对应的格式。前两天一朋友跟我说:为什么视频号超链接设置完以后,在用户端看测试效果时,显示...

那些容易被你忽略的HTML重要属性,你知道几个?

前言在前端开发编写html文件的时候,我们可能会很熟练的写出常见的html元素,但是如果问到某些元素的差别时,大家不一定能说的出来,今天就给大家总结一下那些很常见但容易混淆的属性。html与csscs...

「测试开发全栈-HTML」(18) label标签的使用

说完了标签属性后,接着说下HTML中最后的标签--label<label>标签为input元素定义标注,用于绑定一个表单元素,当点击一个<label>标签内的文本时,浏览器就会...

Markdown 各种标签说明介绍(markdownhere)

介绍主要介绍各种Markdown的标签。汇总一下自己在Markdown中编辑中的常用标签。本篇内容的标签,全部是在Typora的环境下自测使用过。1.基础标签主要介绍Markdown中的一些基础标签,...

10 个罕见的 HTML 标签,几乎无人使用 - 、等等

HTML的内容远不止<div>、<a>和<p>。如此多更复杂、更强大的标签,你可能从未使用过。具有从交互式图像到复杂的UI组件的有趣功能。1.<...