“第一次提交”

付延余

2022-12-16 f0f8ee8c4a945adbc742d9bab69382b28ad311fb

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 
    
// 页面工具栏
function showJTopoToobar(stage){
    var toobarDiv = $('<div class="jtopo_toolbar">').html(''
        +'&nbsp;&nbsp;<input type="radio" name="modeRadio" value="normal" checked id="r1"/>'
        +'<label for="r1"> 默认</label>'
        +'&nbsp;<input type="radio" name="modeRadio" value="select" id="r2"/><label for="r2"> 框选</label>'
        //+'&nbsp;<input type="radio" name="modeRadio" value="edit" id="r4"/><label for="r4"> 加线</label>'
        +'&nbsp;&nbsp;<input type="button" id="centerButton" value="居中显示"/>'
        +'<input type="button" id="fullScreenButton" value="全屏显示"/>'
        +'<input type="button" id="zoomOutButton" value=" 放 大 " />'
        +'<input type="button" id="zoomInButton" value=" 缩 小 " />'
        +'&nbsp;&nbsp;<input type="checkbox" id="zoomCheckbox"/><label for="zoomCheckbox">鼠标缩放</label>'
        +'&nbsp;&nbsp;<input type="text" id="findText" style="width: 100px;" value="" onkeydown="enterPressHandler(event)">'
        + '<input type="button" id="findButton" value=" 查 询 ">' 
        //+ '&nbsp;&nbsp;<input type="button" id="cloneButton" value="选中克隆">'
        +'&nbsp;&nbsp;<input type="button" id="exportButton" value="导出PNG">');
        // + '&nbsp;&nbsp;<input type="button" id="printButton" value="导出PDF">');
        
    $('#content').prepend(toobarDiv);
 
    // 工具栏按钮处理
    $("input[name='modeRadio']").click(function(){            
        stage.mode = $("input[name='modeRadio']:checked").val();
    });
    $('#centerButton').click(function(){
        stage.centerAndZoom(); //缩放并居中显示
    });
    $('#zoomOutButton').click(function(){
        stage.zoomOut();
    });
    $('#zoomInButton').click(function(){
        stage.zoomIn();
    });
    $('#cloneButton').click(function(){
        stage.saveImageInfo();
    });
    $('#exportButton').click(function() {
        stage.saveImageInfo();
    });
    $('#printButton').click(function() {
        stage.saveImageInfo();
    });
    $('#zoomCheckbox').click(function(){
        if($('#zoomCheckbox').is(':checked')){
            stage.wheelZoom = 1.2; // 设置鼠标缩放比例
        }else{
            stage.wheelZoom = null; // 取消鼠标缩放比例
        }
    });
    $('#fullScreenButton').click(function(){
        runPrefixMethod(stage.canvas, "RequestFullScreen")
    });
 
    window.enterPressHandler = function (event){
        if(event.keyCode == 13 || event.which == 13){
            $('#findButton').click();
        }
    };
    
    // 查询
    $('#findButton').click(function(){
        var text = $('#findText').val().trim();
        //var nodes = stage.find('node[text="'+text+'"]');
        var scene = stage.childs[0];
        var nodes = scene.childs.filter(function(e){ 
            return e instanceof JTopo.Node; 
        });
        nodes = nodes.filter(function(e){
            if(e.text == null) return false;
            return e.text.indexOf(text) != -1;
        });
        
        if(nodes.length > 0){
            var node = nodes[0];
            node.selected = true;
            var location = node.getCenterLocation();
            // 查询到的节点居中显示
            stage.setCenter(location.x, location.y);
            
            function nodeFlash(node, n){
                if(n == 0) {
                    node.selected = false;
                    return;
                };
                node.selected = !node.selected;
                setTimeout(function(){
                    nodeFlash(node, n-1);
                }, 300);
            }
            
            // 闪烁几下
            nodeFlash(node, 6);
        }
    });
}
 
var runPrefixMethod = function(element, method) {
    var usablePrefixMethod;
    ["webkit", "moz", "ms", "o", ""].forEach(function(prefix) {
        if (usablePrefixMethod) return;
        if (prefix === "") {
            // 无前缀，方法首字母小写
            method = method.slice(0,1).toLowerCase() + method.slice(1);
        }
        var typePrefixMethod = typeof element[prefix + method];
        if (typePrefixMethod + "" !== "undefined") {
            if (typePrefixMethod === "function") {
                usablePrefixMethod = element[prefix + method]();
            } else {
                usablePrefixMethod = element[prefix + method];
            }
        }
    }
);
 
return usablePrefixMethod;
};
/*
runPrefixMethod(this, "RequestFullScreen");
if (typeof window.screenX === "number") {
var eleFull = canvas;
eleFull.addEventListener("click", function() {
    if (runPrefixMethod(document, "FullScreen") || runPrefixMethod(document, "IsFullScreen")) {
        runPrefixMethod(document, "CancelFullScreen");
        this.title = this.title.replace("退出", "");
    } else if (runPrefixMethod(this, "RequestFullScreen")) {
        this.title = this.title.replace("点击", "点击退出");
    }
});
} else {
alert("浏览器不支持");
}*/