GoJs的使用 - 爱码网

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width ,initial-scale=1">
</head>
<script src="go.js"></script>
<body>

<!--创建一个画布-->
<div id="myDiagramDiv" style="width:500px; height:350px; background-color: #DAE4E4;"></div>


<script>
    var $ = go.GraphObject.make;
    // 第一步：创建图表
    var myDiagram = $(go.Diagram, "myDiagramDiv"); // 创建图表，用于在页面上画图

    // 第二步：创建一个节点，内容为武沛齐
    var node = $(go.Node, $(go.TextBlock, {text: "努力学习啊"}));

    // 第三步：将节点添加到图表中
    myDiagram.add(node)
</script>

</body>
</html>
GoJs示例