5.1 简介
JointJS内置了基本形状元素,这些形状都在joint.shapes.basic命名空间包括joint.shapes.basic.Rect、joint.shapes.basic.Circle、joint.shapes.basic.Text、joint.shapes.basic.Image。此外,JointJS具有插件,其中包含一些众所周知的图形元素的形状和链接。虽然有很多形状可供选择,你可能会缺少一个想要创建自己的形状。
创建新形状非常简单,但您需要SVG元素的一些基本知识。最重要的SVG元素,你应该知道的是rect,text,circle,ellipse,image和 path。他们的详细描述与例子可以在MDN上找到。结合这些,您可以基本上做任何您喜欢的2D形状。
如上所述,通过组合SVG标签创建自定义元素。很多时候,将一个元素相对于另一个元素定位是有用的。想象一下,您需要一个矩形元素和一个应该始终位于矩形中心的文本元素的基本情况。不幸的是,SVG没有提