文章/答案/技术大牛

发布

社区首页 >问答首页 >通过web使用jointjs绘制线条

问通过web使用jointjs绘制线条
EN

Stack Overflow用户

提问于 2013-05-04 09:48:44

回答 3查看 1.6K关注 0票数 0

我正在建立一个小的uml建模器与jointjs和拉斐尔为一个小项目，我正在做…我已经通过点击一个按钮来绘制类了。

我特别想知道的是如何让onclick事件在jointjs类图上工作，因为当我单击它们不工作的类时，它们也会移动一点，如果我能让onclick工作，我可能会让对象被单击并在背景上绘制线条……

关于如何画线的任何其他想法...也许是从一个类拖到另一个类？

有人这么做过吗？

谢谢!

javascript

raphael

jointjs

回答 3

Stack Overflow用户

发布于 2013-08-10 03:02:39

这是jointjs 0.6的示例代码，诀窍是使用model-id属性通过jquery选择对象：

        var rect = new joint.shapes.basic.Rect({
        position: { x: 100, y: 30 },
        size: { width: 100, height: 30 },
        attrs: { rect: { fill: 'blue' }, text: { text: 'my box', fill: 'white' } }
    });


    graph.addCells([rect]);

    //here is the trick
    $("g[model-id='" +rect.id+ "']").click(function() {
        alert("x");
    });

票数 2

Stack Overflow用户

发布于 2015-06-12 20:11:14

jointjs提供了事件调用功能。你可以在你的文件div上调用事件。下面是一个例子。也许这能帮到你。有关更多信息，请访问链接。List of triggered events on Paper代码示例：

paper.on('cell:pointerdblclick',function(cellView, evt, x, y) {
     demo();
  });

function demo(){
 alert("1");
}

我希望这能对you.Thanks有所帮助。

票数 1

Stack Overflow用户

发布于 2013-05-10 20:36:50

我不认为你可以将事件绑定到图元素的mouseclick，因为mouseclick事件已经被联合lib本身绑定了。

但是，你绝对可以绑定mousedown/mouseup事件来模拟点击。您可以通过单击一个元素(将关节对象放在temp var中)，然后单击另一个元素来实现连接创建-调用

var joint= element.joint(other_element,connection_type)

希望对你有帮助，如果你需要更多，请告诉我。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16369792

复制

相似问题

问通过web使用jointjs绘制线条
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过web使用jointjs绘制线条EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过web使用jointjs绘制线条
EN