jointjs

    4熱度

    1回答

    我正在嘗試在我的React + Flux項目中包含JointJS圖表。 我從現有的演示there開始。 我的想法是將圖嵌入到更高級別的組件中,該組件將在我的項目中重用。 ,我想出了結構如下: index.html ... <body> <section id="mySec"></section> ... app.js ... ReactDOM.render( <Join

    0熱度

    1回答

    我想,以防止jointjs一些條件的小區的鏈接: paper.on({'cell:pointerclick': function(cellView, event, x, y) { if (!cellView.model.isLink()) { if (condition) { event.preventDefault(); } } }})

    -3熱度

    2回答

    我正在使用jointJS創建圖表。該庫創建懸停時的鏈接,箭頭顯示用於移動/重新連接它們。 我想用另一種顏色將它們更改爲小圓圈。 由於箭頭是默認設計,我不知道應該顯示哪個代碼 - 正是這是我的問題:如何更改默認設置/ SVG佈局?

    2熱度

    1回答

    我已經創建了一個簡單的項目來測試聯合js。我無法將html元素顯示在頁面上。我從他們的網站直接複製了代碼,結果如下所示。不過從屏幕截圖中可以看出,我可以使用兩個簡單的方框渲染基本的svg畫布。這個問題似乎只與html元素有關。我已經包含了我正在使用的所有代碼。任何幫助,將不勝感激。 感謝 screen shot of problem $(document).ready(function() {

    1熱度

    2回答

    我將元素的運動動畫化爲所需的新點,但是我還沒有能夠找到合適的語法來傳遞轉換函數的兩個值。我有一個解決辦法現在: packet.transition('position/y', linkInfo.end.y, { delay: animationDelay, duration: animationDuration }); packet.transition('positio

    1熱度

    1回答

    通過點擊紙的空白空間的新細胞將被添加在紙的每一個細胞位置事件: paper.on({ 'blank:pointerdblclick': function(event, x, y) { var rect = new joint.shapes.app.Standard({ position: { x: x, y: y }, size: { width:

    0熱度

    1回答

    我試圖使用示例中的代碼:http://www.jointjs.com/tutorial/html-elements但它無法正常工作。我剛剛接到一條連線,沒有任何反應。 我的HTML: <head> <link rel="stylesheet" href="styles/joint.css" /> <link rel="stylesheet" href="styles/style

    15熱度

    2回答

    對於鏈接 - 在JointJS圖中 - 我試圖實現本教程(http://jointjs.com/tutorial/constraint-move-to-circle)來移動鏈接上的標籤,但我不明白在哪裏放置ConstraintElementView 。 我想使鏈接的標籤在鏈接上移動。那麼如何將鏈接定義爲可移動標籤的「路徑」呢? ConstraintElementView var constrain

    1熱度

    1回答

    我創建使用此代碼(包括移動端口到頂部部分和底部)端口元素: joint.shapes.devs.flowchartProcess = joint.shapes.devs.Model.extend(_.extend({}, joint.shapes.basic.PortsModelInterface, { markup: '<g class="rotatable"><g class="

    1熱度

    2回答

    這是SVG元素的示例。通過雙擊,我想讓文本內容在textarea中顯示。 但在我的嘗試中,它取決於用戶點擊的excact位置:當用戶點擊一個線元素時,我只得到一行,如果用戶點擊不完全在一行上,我會得到一個空值但仍在g元素的內部)。 SVG <g id="j_7" model-id="15449af1-b873-4d0f-92da-ca064c322b77"> <rect id="v-4