1

如何在jointjs中创建水平线。我想在joint js中的两点之间绘制简单的水平线。有人可以告诉我怎么做。

我的论文看起来像：

  var paper = new joint.dia.Paper({
        el: $('#myholder'),
        width: w,
        height:h,
        model: graph,
        gridsize:4
    });
    var paper2 = new joint.dia.Paper({
        el: $('#myimage'),
        width: w,
        height:600,
        model: graph,
        interactive : false
    });

我创建了两条水平线，例如：

  var line = V('line', { x1: 50, y1: 100, x2: 300, y2: 100, stroke: 'black' });
    V(paper.viewport).append(line);
    V(paper2.viewport).append(line);

但是我没有在纸上打印线而在纸上打印线2

4

1 回答 1

2

您可以为此使用链接：

graph.addCell(new joint.dia.Link({
   source: { x: 50, y: 100 },
   target: { x: 300, y: 100 }
}))

或 SVG：

var line = V('line', { x1: 50, y1: 100, x2: 300, y2: 100, stroke: 'black' });
V(paper.viewport).append(line);

V是由 JointJS 导出的全局变量，是一个小型库，用于简化 SVG 操作，称为 Vectorizer ( http://jointjs.com/api#v )。

请记住，如果您想在另一篇论文中添加另一行 ( paper2)，您必须首先克隆第一行：

V(paper2.viewport).append(line.clone())

如果您不这样做，则 from 的行将paper被取出并附加到paper2，这就是您不再看到该行的原因paper。

于 2014-07-31T08:22:02.600 回答