話不多說,先上model。
廠站分布圖
站內主接線圖
站內裝置分布圖
虛端子圖
邏輯迴路圖
實迴路圖
獲取qunee物件
var graph = new q.graph('canvas');
graph.html.style.backgroundcolor = '#000000';
graph.html.style.zindex = 1;
$('.q-canvas').eq(1).hide();
2.封裝方法,畫線,畫框
2.1、畫固定寬高的框
主要看方法:q.shapes.getshape(q.consts.shape_rect, width, height);
還可以畫固定大小的其他圖形:
function drawbigrect(device,ied,x,y,width,height,color)
上述方法中,第乙個引數是個物件,可以用其他的引數代替,這樣更有通用性
2.2、畫的框的寬高,跟label的長短有關
function ractnode(text,x,y,width,height,fontsize,background_color,zindex,ied,name)
var node = graph.createtext(text, x, y);
node.setstyle(q.styles.label_size, new q.size(width, height));
node.setstyle(q.styles.label_background_color, background_color);
node.setstyle(q.styles.label_color, "#ffffff");
node.setstyle(q.styles.label_border, 1);
node.setstyle(q.styles.label_padding, 1);
node.setstyle(q.styles.label_border_style, "white");
node.setstyle(q.styles.label_radius, 0);
node.setstyle(q.styles.label_font_size, fontsize);
node.movable = false;//禁止移動
node.zindex=zindex;
= ied;
= "1111111";
var tooltip = "裝置描述:
"; tooltip += "ied描述:
"+ ied +"
"; tooltip += "name描述:
"+ name+"
"; tooltip += "";
node.tooltip = tooltip;
node.clickable = false;
return node;
}
方塊的寬度跟text的長短有關。
2.3、畫直線
function edgenodash(text,node1,node2,warning,name1,name2,direct,inorout)
2.4、畫折線
function drawline(stdot,enddot,ly,edge));
line.movable = false;//禁止移動
line.zindex = -1;
line.clickable = true;
line.dblclickable = true;
line.longpressable = true;
var tooltip = "線路描述:
"; tooltip += "起始埠描述:
"+ stdot.name +"
"; tooltip += "終止埠描述:
"+ enddot.name+"
"; tooltip += "";
line.tooltip = tooltip;
return line;
}
3、增加互動事件
graph.addcustominteraction(
},ondblclick: function(evt, graph)
},onlongpress: function(evt, graph)
}
物件中需要設定下:
line.clickable = true;
line.dblclickable = true;
line.longpressable = true;
專案開發體會
開始動手嘗試專案開發,不得不說專案開發是很難得事情,看起來開發專案需要實現的功能很簡單,但是每個功能的背後都需要花上很久的時間,單單每天碼 就已經很累了,還要時時刻刻的解決功能中的每個問題,對於精力就有很高的要求。對於專案需要用的軟體也是第一次接觸,僅僅以以前的基礎還不夠看,還要時時刻刻的攝入新的知...
軟體開發體會
經歷過幾個專案,給我的感覺都是亂。專案管理亂 需求亂 亂。程式設計師心裡都有乙個專案的標準 可以持續的推進並且移植性高,可擴充套件性好的專案。可是真正有好的執行力的專案比較少。我總結了一下幾個重點的地方 1.專案需求分析和專案設計要定時更新。專案需求變化是正常的,問題是需求變化後,專案設計怎麼變。如...
結對開發體會
一,開發題目與要求 題目 輸入乙個整數組,要求輸出最大字陣列的和。要求 要求輸入乙個整數陣列,可以有正有負 任意乙個多個連續的整數為乙個陣列,求每乙個字陣列的和 要求輸出最大陣列的和,時間複雜度為o n 結對程式設計的要求 兩個人結對共同完成程式設計任務 乙個人主要負責駕駛,即操作鍵盤負責 的輸入 ...