js画图开发库--mxgraph--[userobject-对象描述.html]

最新推荐文章于 2024-05-09 03:43:26 发布

iteye_17920

最新推荐文章于 2024-05-09 03:43:26 发布

阅读量375

点赞数

分类专栏： mxgraph 文章标签： js画图开发库 mxgraph userobject 对象描述

本文链接：https://blog.csdn.net/iteye_17920/article/details/82478717

版权

本文介绍如何利用mxgraph JavaScript库进行图形绘制，重点讲解userobject对象的描述和应用，帮助开发者理解并创建自定义图形元素。

摘要由CSDN通过智能技术生成

js画图开发库--mxgraph--[userobject-对象描述.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(container)
		{
			// 检测浏览器兼容性
			if (!mxClient.isBrowserSupported())
			{
				mxUtils.error('Browser is not supported!', 200, false);
			}
			else
			{
				// 请注意，这些XML节点将被封装在输出中的元素模型中
				var doc = mxUtils.createXmlDocument();

				var person1 = doc.createElement('Person');
				person1.setAttribute('firstName', 'Daffy');
				person1.setAttribute('lastName', 'Duck');

				var person2 = doc.createElement('Person');
				person2.setAttribute('firstName', 'Bugs');
				person2.setAttribute('lastName', 'Bunny');

				var relation = doc.createElement('Knows');
				relation.setAttribute('since', '1985');
				
				// 在容器中创建图形
				var graph = new mxGraph(container);

				// 禁用调整大小
				graph.setCellsResizable(false);
				
				// 配置图形中调整、添加
				graph.setResizeContainer(true);
				graph.minimumContainerSize = new mxRectangle(0, 0, 500, 380);
				graph.setBorder(60);
				
				// 按下Tab 和 回车键 停止编辑 
				new mxKeyHandler(graph);

				// 禁止边框编辑
				grap

最低0.47元/天解锁文章

iteye_17920

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js画图开发库--mxgraph--[userobject-对象描述.html]

js画图开发库--mxgraph--[userobject-对象描述.html] &lt;!Doctype html&gt;&lt;html xmlns=http://www.w3.org/1999/xhtml&gt; &lt;head&gt; &lt;meta http-equiv=Content-Type content="text/html;charset=ut...
复制链接

扫一扫