js画图开发库--mxgraph--[orthogonal-正交.html]

最新推荐文章于 2024-08-12 20:49:41 发布

原创

最新推荐文章于 2024-08-12 20:49:41 发布 · 517 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js画图开发库 #mxgraph #orthogonal #正交.html]

这篇博客介绍了如何利用js画图开发库mxgraph，专注于正交连接线的实现，确保线条在图形间的连接始终保持90度角。

js画图开发库--mxgraph--[orthogonal-正交.html]

连接线的固定焦点：

<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
	<head>
	<meta http-equiv=Content-Type content="text/html;charset=utf-8">
	<title>正交示例</title>

	<!-- 如果本文件的包与src不是在同一个目录,就要将basepath设置到src目录下 -->
	<script type="text/javascript">
		mxBasePath = '../src';
	</script>

	<!-- 引入支持库文件 -->
	<script type="text/javascript" src="../src/js/mxClient.js"></script>
	<!-- 示例代码 -->
	<script type="text/javascript">
		//  程序在此方法中启动 
		function main()
		{
			// 检查浏览器支持
			if (!mxClient.isBrowserSupported())
			{
				mxUtils.error('Browser is not supp