mxgraphAPI

  • mxStencil
    • shape
    • connections > constraint
    • background
    • foreground
    • styling
    • drawing
    • complex drawing
    • image
    • text

mxStencil

mxStencil:基于XML实现一个generic shape。

shape

- name
- w
- h
- aspectvariable/fixed
- strokewidth

connections > constraint

在connection下使用constraint来指定连接点

- perimeter 0/1 0手动指定连接点位置;1 根据图形自动推算
- x
- y
- name 唯一标识

background

background 只能包括以下元素:

- path
- rect
- roundrect
- ellipse

foreground

styling

drawing

path: is similar to Canvas

- move: 定义线条开始坐标
- line: 定义线条结束坐标
- quad: 二次贝塞尔曲线 控制点(x1, x2)
- curve: 三次贝塞尔曲线 控制点(x1, y1) (x2, y2)
- arc: 绘制圆 和canvas的arc不同,而是SVG的Arc从当前点绘制一段椭圆弧到点(x, y)- rx/ry: 椭圆的两个半轴的长度- x-axis-raotation: 椭圆相对于坐标系的旋转角度,角度而非弧度- larget-arc-flag: 标记绘制大弧(1)还是小弧(0)部分- sweep-flag: 标记顺时针1还是逆时针0方向绘制- x/y:   圆弧终点的坐标
- close 创建当前点回到起始点的路径

complex drawing

- rect
- roundrect
- ellipse 椭圆

image

- src
- x,y   图片位置
- w,h 图片宽高
- flipH optional 0/1  default:0
- flipV 沿着水平垂直轴翻转

text

- str 文字内容
- x,y 文字位置
- align 水平对齐方式  left/center/right
- valign 水平对齐方式 top/middle/bottom
- localized 0/1
- vertical 0/1  1 旋转90°渲染 default:0
- rotation 0-360 旋转文字
- align-shape 0/1 0设置文字旋转的时候忽略图形的旋转 default:1

mxgraph学习记录相关推荐

  1. Pytorch学习记录-torchtext和Pytorch的实例( 使用神经网络训练Seq2Seq代码)

    Pytorch学习记录-torchtext和Pytorch的实例1 0. PyTorch Seq2Seq项目介绍 1. 使用神经网络训练Seq2Seq 1.1 简介,对论文中公式的解读 1.2 数据预 ...

  2. HTML5与CSS3权威指南之CSS3学习记录

    title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) ...

  3. springboot @cacheable不起作用_Springboot学习记录13 使用缓存:整合redis

    本学习记录的代码,部分参考自gitee码云的如下工程.这个工程有详尽的Spingboot1.x教程.鸣谢! https://gitee.com/didispace/SpringBoot-Learnin ...

  4. 【Cmake】Cmake学习记录

    Cmake学习记录 1.1 常例 add_library(gen_reference_infogen_reference_info/gen_reference_info.hgen_reference_ ...

  5. ASP.NETCore学习记录(一)

    ASP.NETCore学习记录(一) asp.net core介绍  Startup.cs  ConfigureServices  Configure  0. ASP.NETCore 介绍 ASP.N ...

  6. Android开发技术周报176学习记录

    Android开发技术周报176学习记录 教程 当 OkHttp 遇上 Http 2.0 http://fucknmb.com/2018/04/16/%E5%BD%93OkHttp%E9%81%87% ...

  7. add函数 pytorch_Pytorch学习记录-Pytorch可视化使用tensorboardX

    Pytorch学习记录-Pytorch可视化使用tensorboardX 在很早很早以前(至少一个半月),我做过几节关于tensorboard的学习记录. https://www.jianshu.co ...

  8. java之字符串学习记录

    java之字符串学习记录 public class StringDemo { public static void main(String[] args) { //静态初始化字符串 String s1 ...

  9. Redis的学习记录

    Redis的学习记录 1.先导了解 1.1 NOSQL概述 1.1.1 为什么要用NoSql? 1.1.2 NoSql了解 1.1.3 NoSql特点 1.1.4 NoSQL的四大分类 2. Redi ...

最新文章

  1. 智慧解析第12集:老板心理学
  2. 我的Java设计模式-工厂方法模式
  3. java xfire下载_XFIRE教程 PDF 下载
  4. QPS/TPS/并发量/系统吞吐量
  5. oracle sql练习_SQL入门学习
  6. 问题:循环元素,被选中元素个数,全选
  7. Android 12 重磅亮相!阔别 2 年的 Google I/O 开发者大会回来了
  8. 架构设计师—你在哪层楼?
  9. dcp-9020cdn复印位置有_兄弟DCP-9020CDN打印机驱动
  10. 如何在IDEA中配置Tomcat,解决配置时No Artifacts Configured问题
  11. 什么时候使用PHP设计模式和为什么要使用?
  12. THE、QS等四大世界大学排名对比 计算机专业究竟哪家强?
  13. 微软手环2服务器,微软手环2到手后,你要先做这6件事
  14. Echarts折线科技图
  15. 计算机图形学基础第七章ppt,计算机图形学 -第七章讲义ppt课件
  16. PowerPoint演示文档大瘦身
  17. 微软“刷新”的背后,Satya未讲的另一半故事
  18. 医院电子病历系统信息安全解决方案
  19. 毫秒级时间戳获取与使用
  20. 西门子标准变频器MM430_MM440参数组切换应用方法示例

热门文章

  1. 【Arduino 物联网云平台酒精传感器】
  2. 三相电机△接法和Y接法的区别
  3. 零基础学唱歌到底需要学习哪些内容?
  4. SELECT查询命令的使用
  5. cad菜单栏快捷键_CAD常见问题汇总,老司机带你轻松通关!
  6. bongocat猫咪键盘怎么用?
  7. shell运行html文件路径,PowerShell文件系统(二)访问文件和目录
  8. Python使用turtle绘图
  9. 使用python的win32com模块另存excel文件,如xls另存为xlsx、xlsm另存为xlsx、csv另存为xlsx
  10. linux中反单引号(`)的作用