li
1b24994e74
- Contract.php: 返回合约账户余额(balance_contract) - My.php: 地址管理增加BTC/ETH - AppContract.php: 一键平仓(closeall) - AppProxy.php: 代理专属注册链接 + 分级权限(L1/L2) - site.php: 手续费减半(0.018→0.009) - agent_permission_setup.sql: 代理权限SQL - crypto_news_crawler.py: 新闻自动采集脚本
59 lines
2.7 KiB
HTML
Executable File
59 lines
2.7 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Polyline Linking Tool</title>
|
|
<!-- Copyright 1998-2020 by Northwoods Software Corporation. -->
|
|
<meta name="description" content="TypeScript: Let the user draw a new link by clicking consecutive points through which the link's route must pass." />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<script src="../samples/assets/require.js"></script>
|
|
<script src="../assets/js/goSamples.js"></script> <!-- this is only for the GoJS Samples framework -->
|
|
<script id="code">
|
|
function init() {
|
|
require(["PolylineLinkingScript"], function(app) {
|
|
app.init();
|
|
document.getElementById("SaveButton").onclick = app.save;
|
|
document.getElementById("LoadButton").onclick = app.load;
|
|
});
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="init()">
|
|
<div id="sample">
|
|
<div id="myDiagramDiv" style="border: solid 1px black; width: 100%; height: 600px"></div>
|
|
<div id="buttons">
|
|
<button id="SaveButton">Save</button>
|
|
<button id="LoadButton">Load</button>
|
|
</div>
|
|
<p>
|
|
This sample demonstrates the PolylineLinkingTool, which replaces the standard LinkingTool. The tool is defined in its own
|
|
file, as <a href="PolylineLinkingTool.ts">PolylineLinkingTool.ts</a>.
|
|
</p>
|
|
<p>
|
|
The user starts drawing a new link from a node in the normal manner, by dragging from a port, which for feedback purposes
|
|
has a "pointer" cursor. Normally the user would have to release the mouse near the target port/node. However with the
|
|
PolylineLinkingTool the user may click at various points to cause the new link to be routed along those points. Clicking
|
|
on the target port completes the new link. Press <b>Escape</b> to cancel, or <b>Z</b> to remove the last point.
|
|
</p>
|
|
<p>
|
|
Furthermore, because <a>Link.resegmentable</a> is true, the user can easily add or remove segments from the route of
|
|
a selected link. To insert a segment, the user can start dragging the small diamond resegmenting handle. To remove
|
|
a segment, the user needs to move a regular reshaping handle to cause the adjacent two segments to be in a straight
|
|
line.
|
|
</p>
|
|
<p>
|
|
The PolylineLinkingTool also works with orthogonally routed links. To demonstrate this, uncomment the two lines that initialize
|
|
<a>Link.routing</a> to be <a>Link.Orthogonal</a>.
|
|
</p>
|
|
<textarea id="mySavedModel" style="width:100%;height:300px">
|
|
{ "class": "go.GraphLinksModel",
|
|
"nodeDataArray": [
|
|
{ "key": 1, "text": "Node 1", "fill": "blueviolet", "loc": "100 100" },
|
|
{ "key": 2, "text": "Node 2", "fill": "orange", "loc": "400 100" }
|
|
],
|
|
"linkDataArray": [ ]
|
|
}
|
|
</textarea>
|
|
</div>
|
|
</body>
|
|
</html> |