Вопросы по теме 'jointjs'

порт определенного стиля в JointJS
1) Я использую библиотеку диаграмм JointJS. Я хочу изменить CSS определенного inPort при использовании joint.shapes.devs . Для привязки sourcePort к цели, которую я использую source: { id: source.id, selector:...
2172 просмотров
schedule 20.07.2022

Событие, когда я назначаю ячейку как источник/цель по ссылке?
Я использую ссылки по умолчанию и хочу ограничить источник и цель из ссылок, потому что мне нужны только ссылки между rect(source) и circle(target) . Я пробовал это с link.on(change:source) и link.on(change:target) , но эти события не...
962 просмотров
schedule 22.08.2023

JointJS Неинтерактивные элементы
Я хочу отключить перемещение элементов и ссылок в диаграммах JointJS, сохранив при этом другие функции, такие как гиперссылки элементов и выделение ссылки при наведении мыши. Я ссылался на следующие ссылки:...
5918 просмотров
schedule 01.11.2022

JointjS: Как получить атрибуты данного элемента?
У меня есть элемент, определенный следующим образом: var m1 = new joint.shapes.devs.Model({ position: { x: 100, y: 50 }, size: { width: 190, height: 50 }, inPorts: ['in'], outPorts: ['out'], attrs: { '.label': { text:...
4661 просмотров
schedule 24.03.2023

Проблема с удалением совместного js-узла при нажатии на его пользовательский html-клик
Я использую Joint.js в своем приложении angular.js, у меня есть узел Joint.js, в котором я использую html <button class="delete">x</button> (вы можете увидеть это в моем шаблоне представления магистрали) всякий раз, когда...
1659 просмотров

Добавить порт к пользовательским элементам вjoinJS
Я новичок в библиотеке JointJs и пытаюсь добавить порты в свой пользовательский элемент, который содержит в себе html-код. Я следовал этому руководству ( http://www.jointjs.com/tutorial/html-elements ) и создал свой элемент. Но когда я пытаюсь...
7772 просмотров
schedule 11.02.2023

изменить размер ячейки в ячейке в JointJS
У меня есть демонстрационный код JointJS, в котором есть основные фигуры на бумаге, я хочу увеличить размер фигуры или выделить фигуру при щелчке указателя или перемещении курсора по фигуре, образец демонстрационного кода находится здесь var...
5785 просмотров
schedule 11.11.2022

Получить ширину/высоту бумаги с помощью JointJS
Я изменяю размер бумаги, перемещая модель: paper.on('cell:pointermove', function(cellView, evt, x, y) { if((x+cellView.model.prop('size/width'))>=650 &&(y+cellView.model.prop('size/height'))>=200)...
2473 просмотров
schedule 19.04.2023

Как я могу сделать круг с портом в совместном JS
i wanna create an application for drawing graph is comprised of circle and arrows exactly like this : http://jointjs.com/demos/shortest-path so how can i make a circle with ports in that code i make a application for making graph with rectangle and...
2134 просмотров
schedule 02.02.2023

Понимание редактора диаграмм состояний
Из блога: http://bl.ocks.org/lgersman/5370827 Я хочу понять, как реализована линия соединения между кругами. Я пытался пройти через это, но это просто вылетело у меня из головы. Там не так много документации о примере, который я нашел в блоге....
373 просмотров
schedule 05.12.2022

ссылки не работают должным образом при использовании с переназначением
Ссылки не отпускают мышь при наведении указателя вверх при использовании вместе с переназначением. Я не уверен, что не так, и я все еще новичок в js. Код: window.onload = function () { var graph = new...
1342 просмотров
schedule 19.03.2024

Идентификатор клона остается таким же, как у клонированного элемента
paper.on('cell:pointerdown', function(cellView, evt, x, y) { for(var i=0; i<menu.length;i++){ if(menu[i].id===cellView.model.id){ graph.addCell(menu[i].clone()); } } } ); В этом коде...
541 просмотров
schedule 03.10.2022

ReferenceError: g не определен
Я новичок в JointJS и пытаюсь следовать этому руководству по созданию ссылок при перетаскивании элементов на друг над другом . Когда я пытаюсь запустить его, я получаю эту ошибку в консоли Chrome: Uncaught ReferenceError: g не определен...
1449 просмотров

метеор: сделать параметр внешнего скрипта реактивным
В моем приложении-метеоре есть кнопка для перехода из режима просмотра пользователя в режим редактирования. В этой части я использую JointJS как внешний пакет для отображения и редактирования диаграмм. ( api.use('mxmxmx:[email protected]'); ) В...
54 просмотров
schedule 20.04.2022

Используйте библиотеку javascript внутри веб-приложения TypeScript React
Я пытаюсь вставить графический редактор в компонент React, но проект настроен на TypeScript . Для JointJS нет обновленных привязок, поэтому я попробовал следующее: Рендеринг кода, поступающего из JointJS, в компонент React в файле .jsx....
3221 просмотров

Jointjs портирует элемент изображения
image = new joint.shapes.basic.Image({ position : { x : 250, y : 250 }, size : { width : 90, height : 90 }, attrs : { image : { "xlink:href" : image_link, width : 100,...
729 просмотров
schedule 18.06.2023

как преобразовать строку json из joinjs в эквивалентную строку SVG?
Я использую JointJS для создания некоторых диаграмм. Существует множество диаграмм, которые используют единый холст с помощьюjointjs. При вызове каждой диаграммы соответствующий файл json загружается на холст. Теперь мне нужно преобразовать эту...
409 просмотров
schedule 22.04.2024

Как динамически установить размер формы в Joint JS?
Я новичок в Joint JS, и я не могу динамически устанавливать свойства ширины и высоты элемента ниже: var rect = new joint.shapes.basic.Rect({ position: { x: 100, y: 30 }, size: { width: 100, height: 30 }, attrs: { rect: { fill: 'blue'...
1883 просмотров
schedule 18.05.2022

JointJS выберите элемент, щелкнув
Я использую плагин joint.shapes.devs.js для создания элементов в моем совместном документе JS. Я хотел бы создать меню, которое появляется при нажатии на элемент, чтобы показать и изменить все его данные и удалить элемент. Поскольку я не...
2112 просмотров
schedule 31.08.2023

График JointJs внутри модального бутстрапа?
Я использую JointJs с графиком и Joint.dia.Paper Я использую этот график во многих представлениях на своем веб-сайте. var graph = new joint.dia.Graph(); // define page to draw in var paper = new joint.dia.Paper({...
314 просмотров
schedule 04.11.2022