QLY的博客

JointJS是用Backbone MVC库构建的,基于是基于jQuery，Underscore，Backbone 和 SVG。图表由与链接相连的元素组成，JointJS中的图表由模型（joint.dia.Graph）表示，然后该模型收集单元格（即元素和链接）。因此，单元格可以是元素（joint.dia.Element或其继承者）或链接（joint.dia.Link）。在JointJS（从版本0.6开始），您操纵模型，而不是视图。

jointJS的事件处理函数代码实例

如何创建一个自定义的JointJS视图来呈现HTML（包括功能输入）。诀窍是更新HTML元素的位置和维度，以便它遵循基本的JointJS元素。另外，我们观察嵌入式输入的变化，并相应更新JointJS模型。这也是相反的，如果模型发生变化，我们会反映HTML中的变化。下面以文件中的htmlInJoint.js的主要代码片段进行简单讲解.

JointJS零基础入门03-元素样式

JointJS零基础入门04-链接样式：svg和attr

JointJS内置了基本形状元素，这些形状都在joint.shapes.basic命名空间包括joint.shapes.basic.Rect、joint.shapes.basic.Circle、joint.shapes.basic.Text、joint.shapes.basic.Image。此外，JointJS具有插件，其中包含一些众所周知的图形元素的形状和链接。虽然有很多形状可供选择，你可能会缺少一个想要创建自己的形状。以自定义 joint.shapes.basic.Rect元素为例进行讲解