{"id":787,"date":"2016-07-21T14:14:36","date_gmt":"2016-07-21T06:14:36","guid":{"rendered":"http:\/\/www.luwl.net\/?p=787"},"modified":"2016-07-21T14:17:01","modified_gmt":"2016-07-21T06:17:01","slug":"twaver%e5%ad%a6%e4%b9%a0","status":"publish","type":"post","link":"http:\/\/www.luwl.net\/?p=787","title":{"rendered":"twaver\u5b66\u4e60"},"content":{"rendered":"<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;HTML5 Demo&lt;\/title&gt;\r\n&lt;script type=&quot;text\/javascript&quot; src=&quot;2d\/lib\/twaver.js&quot;&gt;&lt;\/script&gt;\r\n&lt;script src=&quot;http:\/\/libs.baidu.com\/jquery\/1.9.1\/jquery.min.js&quot;&gt;&lt;\/script&gt;\r\n&lt;script type=&quot;text\/javascript&quot;&gt;\r\nvar box = new twaver.ElementBox();\r\nvar network = new twaver.vector.Network(box);\r\nfunction init() {\r\ninitNetwork();\r\ninitDataBox();\r\n}\r\nfunction initNetwork() {\r\nvar view = network.getView();\r\ndocument.body.appendChild(view);\r\nnetwork.adjustBounds({x: 0, y: 0, width: 1300, height: 1000});\r\nnetwork.getToolTip = function (element) {\r\nvar Id = element.getId();\r\nvar name = element.getName();\r\nvar name2 = element.getName2();\r\nvar icon = element.getIcon();\r\nvar clientProperty = element.getClient('clientProperty');\r\nreturn 'Id:' + Id + '&lt;br&gt;' + 'name:' + name + '&lt;br&gt;' + 'name2:' + name2+\r\n'&lt;br&gt;' + 'icon:' + icon;\r\n}\r\ntwaver.Styles.setStyle('label.color','#ec6c00');\r\ntwaver.Styles.setStyle('label2.color','#57ab9a');\r\ntwaver.Styles.setStyle('select.color','#ef8200');\r\n}\r\nfunction initDataBox() {\r\nvar node = new twaver.Node({\r\nname: 'from',\r\nid: '1',\r\nlocation: {\r\nx: 300,\r\ny: 200\r\n}\r\n});\r\nnode.setClient(&quot;textName&quot;,&quot;bb&quot;);\r\nnode.setImage(&quot;textNode&quot;);\r\nbox.add(node);\r\nvar node2 = new twaver.Node({\r\nname: 'to',\r\nname2: 'to2',\r\nlocation: {\r\nx: 500,\r\ny: 250\r\n}\r\n});\r\nbox.add(node2);\r\nvar node3 = new twaver.Node({\r\nname: 'to',\r\nname2: 'to3',\r\nlocation: {\r\nx: 600,\r\ny: 250\r\n}\r\n});\r\nbox.add(node3);\r\nvar link = new twaver.Link(node3, node2);\r\nlink.setName('Hello TWaver!');\r\n\/\/link.setName2('Hello Vector!');\r\nlink.setClient('clientProperty',node);\r\nlink.setClient('value', 'hello');\r\nbox.add(link);\r\n\r\nsetInterval(function () {\/\/\u653e\u5230initDataBox\u91cc\u3002\u5b9a\u65f6\u66f4\u65b0\u7528\u3002\r\n\/\/link.setName((new Date()).toString());\/\/\u8fde\u7ebf\u4e0a\u66f4\u65b0\u3002\r\nnode.setClient('textName',(new Date()).toString());\r\n}, 1000);\r\n}\r\n\r\n$(document).ready(function () {\r\nsetInterval(&quot;startRequest()&quot;,1000);\r\n});\r\nfunction startRequest()\r\n{\r\n$(&quot;#date&quot;).text((new Date()).toString());\r\n$(&quot;#aa&quot;).text(&quot;test&quot;);\r\n}\r\n&lt;\/script&gt;\r\n&lt;script&gt;\r\n$(function(){\r\nsetInterval(aa,100);\r\nfunction aa(){\r\n$(&quot;#aa&quot;).append(&quot;a&quot;);\r\n\r\n}\r\n});\r\ntwaver.Util.registerImage('textNode', {\r\nw: 80,\r\nh: 30,\r\norigin: {\r\nx: 0.5,\r\ny: 0.5\r\n},\r\nv: &#x5B;\r\n{\r\nshape: 'text',\r\ntext: '&lt;%= getClient(&quot;textName&quot;) %&gt;',\r\ntextAlign: 'center',\r\ntextBaseline: 'top',\r\nfont: 'bold 10px arial',\r\nx: 0,\r\ny: 0\r\n}\r\n]\r\n});\r\n&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body onload=&quot;init()&quot;&gt;\r\n&lt;\/body&gt;\r\n&lt;div id=&quot;aa&quot;&gt;&lt;\/div&gt;\r\n&lt;div id=&quot;date&quot;&gt;&lt;\/div&gt;\r\n&lt;\/html&gt;\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;h &hellip; <a href=\"http:\/\/www.luwl.net\/?p=787\">\u7ee7\u7eed\u9605\u8bfb <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-787","post","type-post","status-publish","format-standard","hentry","category-net"],"_links":{"self":[{"href":"http:\/\/www.luwl.net\/index.php?rest_route=\/wp\/v2\/posts\/787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.luwl.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.luwl.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.luwl.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.luwl.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=787"}],"version-history":[{"count":3,"href":"http:\/\/www.luwl.net\/index.php?rest_route=\/wp\/v2\/posts\/787\/revisions"}],"predecessor-version":[{"id":790,"href":"http:\/\/www.luwl.net\/index.php?rest_route=\/wp\/v2\/posts\/787\/revisions\/790"}],"wp:attachment":[{"href":"http:\/\/www.luwl.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.luwl.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=787"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.luwl.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}