展开全部
一个简单的流程图
1.HTML
<div id="myDiagram" style="width:400px; height:150px; background-color: #DAE4E4;"></div>
2.$是一个全局变量,全局变量相当于一个画笔,我们先定义一个画笔工具。之后我们就可以通过 $ 符号来调用它自身的一些方法、属性、枚举对象等
var $ = go.GraphObject.make;//
3.有了画笔,还需要画布,于是我们需要定义一个画布用来装载一些具体内容
var myDiagram =$(go.Diagram, //定义的画布
"myDiagram",//要渲染的DIV 的Id 名称,1中html中的id
{
initialAutoScale: go.Diagram.Uniform,
contentAlignment: go.Spot.Center,//对齐方式
layout://画布里的元素布局方式
$(go.ForceDirectedLayout,{
defaultSpringLength: 30,
defaultElectricalCharge: 100
})
});
这个画笔可以绘制节点、链接、区域、图案、形状、文本等
4.画笔绘制了一个文本对象 go.TextBlock ,并为它填充了属性 text、stroke、font、margin
$(go.TextBlock,{
1.HTML
<div id="myDiagram" style="width:400px; height:150px; background-color: #DAE4E4;"></div>
2.$是一个全局变量,全局变量相当于一个画笔,我们先定义一个画笔工具。之后我们就可以通过 $ 符号来调用它自身的一些方法、属性、枚举对象等
var $ = go.GraphObject.make;//
3.有了画笔,还需要画布,于是我们需要定义一个画布用来装载一些具体内容
var myDiagram =$(go.Diagram, //定义的画布
"myDiagram",//要渲染的DIV 的Id 名称,1中html中的id
{
initialAutoScale: go.Diagram.Uniform,
contentAlignment: go.Spot.Center,//对齐方式
layout://画布里的元素布局方式
$(go.ForceDirectedLayout,{
defaultSpringLength: 30,
defaultElectricalCharge: 100
})
});
这个画笔可以绘制节点、链接、区域、图案、形状、文本等
4.画笔绘制了一个文本对象 go.TextBlock ,并为它填充了属性 text、stroke、font、margin
$(go.TextBlock,{
追问
看清问题再回答,谢谢!
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询