我正在使用Jointjs库导出一个图表到pdf,使用jspdf和画布:下面是我的javascript代码::
var svg = document.querySelector('svg');
var serializer = new XMLSerializer();
var svgString = serializer.serializeToString(svg);
var canvas = document.getElementById('canvas');
var contex
我一直在看一个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
我一直在使用JointJS在页面上绘制流程图,非常不爽,目前只发现JointJS只能在页面加载之前映射图形,因此,我希望通过单击按钮在画布上画出一个图形(如矩形),简单的代码体系结构如下:
<button onclick='addCell()'/>
<div id='paper'/>
var graph = new joint.dia.Graph();
var paper = new joint.dia.Paper({
el: $('#paper'),
width: 158
我想将一个链接链接到另一个链接。基本上,我希望将红色箭头头连接到此小提琴中的红线:
我尝试注释掉joint.nojquery.js文件中的以下行,如下所示:
if (this._viewUnderPointer && this._viewUnderPointer.model instanceof joint.dia.Link) {
// Do not allow linking links with links.
//this._viewUnderPointer = null; <---- Comm
在纸上处理连接图。我可以使用以下代码下载在纸上绘制的图表:
var svgDoc = paper.svg;
var serializer = new XMLSerializer();
var svgString = serializer.serializeToString(svgDoc);
现在我想把这个svg保存在服务器上,它可以再次呈现到纸上,这样我就可以编辑它并再次保存。
在jointjs里有可能吗?
我有一个由数据组成的可编辑流程图。当我将其中一个子元素转换成磁铁以便用户可以形成新链接时,从该元素发出的所有现有链接都消失了,目标指针箭头重置到窗口的最左边,并且在释放鼠标按钮之前将收到以下错误消息:
Uncaught TypeError: Cannot read property 'el' of undefined
joint.js:16929 Error: Invalid value for <path> attribute d="M NaN NaN C NaN NaN NaN NaN NaN NaN"
joint.js:16929 Error: