我一直在使用JointJS在页面上绘制流程图,非常不爽,目前只发现JointJS只能在页面加载之前映射图形,因此,我希望通过单击按钮在画布上画出一个图形(如矩形),简单的代码体系结构如下:
<button onclick='addCell()'/>
<div id='paper'/>
var graph = new joint.dia.Graph();
var paper = new joint.dia.Paper({
el: $('#paper'),
width: 158
在纸上处理连接图。我可以使用以下代码下载在纸上绘制的图表:
var svgDoc = paper.svg;
var serializer = new XMLSerializer();
var svgString = serializer.serializeToString(svgDoc);
现在我想把这个svg保存在服务器上,它可以再次呈现到纸上,这样我就可以编辑它并再次保存。
在jointjs里有可能吗?
我一直在看一个JointJS路由演示( ),我设法将它应用到了我的web应用程序中。这个例子只有两个元素之间的单一联系,只有三个障碍,而在我的应用程序中,我有大约50个元素(可以同时是源、目标和障碍),它们之间有80多个链接。
我有一个页面上所有元素的列表: listOfElements,以及它们之间所有链接的列表: listOfLinks
按照上面JointJS.com链接的逻辑,我执行以下操作:
graph.on('change:position', function(cell) {
// have any elements been moved? Then re
我正在尝试将库(jointjs)导入到Vue应用程序中。它被分配为Vue上的全局属性,并随后进行修改。这是我正在尝试做的一个简单的复制: import Vue from 'vue';
import * as joint from 'jointjs';
import App from '@/App.vue';
// we need to get our own connectors
let customConnectors={
f: function() {}
}
Vue.use({
install: function (Vu