JointJsv2.2官方文档解读002：Paper简单使用

---

一、Paper是什么？

joint.dia.Paper是joint.dia.Graph模型的视图，继承自Backbone View。
当一个Paper与一个Graph关联之后，可以确保新添加到Graph中的Cell可以被自动渲染出来。

二、简单使用

1.定义

代码如下：

var graph = new joint.dia.Graph
var paper = new joint.dia.Paper({
    el: $('#paper'),
    width: 600,
    height: 400,
    gridSize: 10,
    model: graph
});

2.添加元素

代码如下：

var rect = new joint.shapes.basic.Rect({
    position: { x: 50, y: 70 },
    size: { width: 100, height: 40 }
});

graph.addCell(rect);