前言
使用方法:如果想得到更好的显示效果,可以点击全屏按钮,已经实现电脑端、手机端的适配,效果很好;电视端没有实现适配,Ipad端的适配没有测试;
思维结构图
<iframe allowfullscreen="true" frameborder="0" id="LTTP" onl oad='this.height=document.getElementById("LTTP").scrollWidth*0.75+"px"' src="https://viewer.diagrams.net/?tags=%7B%7D&highlight=0000ff&edit=_blank&layers=1&nav=1&title=%E7%BA%BF%E9%9D%A2%E5%9E%82%E7%9B%B4%E5%85%B3%E7%B3%BB%E8%BD%AC%E5%8C%96.drawio#R7Vzrj6M4Ev9rkO4%2BpGXe8BHy2NVqVpq7Od3u3ZeVE0jCDQlZQne6568%2F29iODeaRhJCenR6N1KH8LLvK9atygWZOd68%2F5fCw%2FTWL4lQzQPSqmTPNMHRb99AfTHmjFA9QyiZPopIGzoQvybeYVmTU5ySKj5RWkoosS4vkIBNX2X4frwqJBvM8O8nV1lkaSYQD3MQ1wpcVTOvU35Ko2JZUz3DP9J%2FjZLNlI%2BuOX5bsIKtMuzhuYZSdBJbNuWZO8ywryl%2B712mc4tWT12XRUMonlsf7ok%2BDtXH8nPzjv%2F9e%2F%2FHLa7r%2B%2BfSvdH6asLkVb4zhOEL808csL7bZJtvDdH6mhnn2vI9i3CtAT%2Bc6n7LsgIg6Iv4vLoo3upnwucgQaVvsUlqKJpy%2F%2FU7bk4f%2F4Icnmz3OXsXC2Rt9Qit4ID3ifUXP6yRNp1ma5WTmZgRjb73C9Yo8%2BxoLJQD9m055CdvIci5M6PDTJodRggZlbaN4DZ%2FTQiiZJTkSsyTbo9IYHnHRLnuBy5R1kcfH5Jv4nBWwEJ6RhsTicxwl4mOarb7ytaVCLRTXN53uIN42gUBF4Kc428VoCVGFPE5hkbzIYg2pdmx4Pd70c5agIQxAVdlkakoVeeKbQO7jmD3nq5g2E%2BWw0pMN3I6eCphv4qLWU5Dn8E2odsAVjs1TtnRLPVDTzBQNdLEB%2BlHOgT0JC3wmEbW7QAWNcswXmD7TzdEMh8jcOiOzOyun8%2BdzxgomRyK2Aaqg%2B4dXIhuAFJzoeYSL9lm%2BgykpZI3Rrw35O7c1z9MCC%2F8I5pofCD9czQea52jzhRZOMYVOCXFYzor2QclR8lIl9Z381XMPHM0ztLmj%2BWjKU21uaaGneYBQZlqgEyZCLbTwjzDQwgWrMxcqkx8BYT30tdDU5j5pbnRw3M5eAxuggXfl1iD2bMJDoHkWm6hVY88jRQEuap8xIiu26eKdu5m1%2Bq7YeAvxXvIiInXetIOj4wHu7yhiPp5TYJL19bGqzNEGLLTAbpUsRwtmVKkqAqXg08Qy6ImyVvLUvnMKi%2F0JLuNUtrIwTTbYSq2QqYiRMQtf4rxIELIJaMEyK4pspzBZ9GBFnduhZs9wt1mefEOLB1nneCUZStDrNvDONq8Nysjtz%2FAScx8zXKo2kbQUPAFgm2Wra60msyDVJtl6fYyLilEZxIyYXWZkxfHQWdTN9dp2SU1OusDcqHSbqkOzbjepdEWoj6dkl8I9xpunbVLEXw5whYtOyM%2BQ5fyI4EJBMZxFYCJt%2BinZc1yXwuOR1Wc4HEhYViHFd0VyK6xOaIY5rdGI7HoILpM2Hei00ensq3DkthX8FMMDnbL8Tzzh%2FQbNWOpPtxT9VSEcTNGZs4dFHOIFPt5D4K2Hui78oXRdjL6%2ByzqNXwOF%2F1L3NAT%2FBf9bLN6Lq1EC%2FZadoR5wCePbTmx3aN9FkrFLBcqun6B9IPJQ5rjAItjDFhPTW8qnoVdtM3gfttgayhZPkGpZpi%2B5ZcZtppn1bMm9TlxrLFPtKAWt0Z9pdlEQIEU21nOJnC5wD7wVNbPL%2FGycW%2FrhXoZgrqkBZ1Ccw2F1zwwgoya%2BL3grLYPWocFAmrRLoqg87juV6a%2BmK74hB1f0QWCsOZpquI8w6v3scHss8BSPHgtUQYqbjfbocUTPrfTREP0bSsK8Lj%2Bp0%2F9B69vp%2F7T4%2FBxAlKemf7%2FQmq43ThTZiJBEMoaOmnGGRwlG9eK1b1SpBHvYevEYTp9YFYm%2B4dVpiSB28KoI9zlYMui%2BTPHv%2BlwuXUrBYt83sNQXyb4D4%2BsOaHyB4Zvy2Xaj9X2VGtBOnbFMsd91UDYElACA%2FvABpRbUePeA0phGXQ5IDRkkarp%2Bu1%2FQqDriOwwisTSDcQHn9cGgdhC6x3MZWWCvR5zDh3%2FU56frVCCna44LOZl%2B3YI5m%2BGNg2FC4BLn29ICTxWi6ndE3tvev8dIFTsAhrg2Mj3bliXtxlskhi3sCq6oukz3AwG6IjvhuuDOOZDUI9SliDGphqCgmUNk3s9FuJ0FrRpDZu2cijf0AfUammJn9UiZYtA%2Bnlgt3ndZoK3uEPyQobchlR943n2UX5fxvzGa6nfeKHcDe6fBav0KIwQQHbjDhmO%2FPB5KTyF8UxCrpFkOT09Jdm%2Bj9qNKMnJkHcN3B5FdSxZd0xtNdh9yOXzTHS%2FPUX33wP7eeN27Eq7XOjLsSj6nWQVODTmrg4mh23WEKmMoACxXkTVYDIXjgI8YykAxlJpg2Q4Ny%2F0AeTd68w0KCSYrZDVFyz%2FZCnmXOl4GW1MljjZihs6szyVcfd2QvZ9QtcL9JfukSJpyPIfCM72UTLxlr2aVECceNcR%2BgYuzTHsmXvfMGB1xe25eS52lxeqKuzK0UMi18W2Mvaqu3FRKjAhQqYHxGV3J0Dj3e0tq9xjS0JSGH5odUx9SNxSrpRK1QYdk15L29G8QH1zovz2F6WEL0d%2B%2Fnx1qUm5PD3F%2BQH%2BWyFbI5fwqD1UUelDX97u0aUAWrb7L%2BkANvsMBq7x6%2FGD7PbB98a2w7CZ14kDxhTviV6G6SYGBk4EfmR%2BexutiZJg4BBB0K76KbZg1IMi9aQkImkYzELwpjVVvvrgdVKDQykVRst9MSPgfF4FqSbmpYtH3Ber6pPN8gLpLQd2Fq1pFgHU4d1GPV2K%2Fa9DMewd2HG6hk%2FiMuJZtUEuBxUSstWyu6UthhrsjyRqPnXyIUJFBzxZkydasGVXaD4HQdV1gvlB5RRQGdOpIAO255obo9yrJV5o7u272H5DtuzuNW5ntk67ZCAn1bkg4JsQTo%2B%2F7jAQuax%2BHiFx%2FCYASq1bD9LSLCB63nFv88BkWOOxGKAawJJSrK1AuzFfsDR57GCBq69WPKjh2PSIJVBFJoyUieRMQNR6SW3Xrx0WuurxZLPD1zcjC%2FbALGt0xnip33bU7mr5fA6mF0q3qfAb6GojumOqB7vtxj%2BZL9O%2FVQg7pV7Wk53z4VZcHy%2FFClW8K8ERA4jbVIWAX%2Frv%2B2xuXC5bRwQPC7yFJ08I5VLrKieKyQl6ZwJRGR2s8KG62suXiV0w8sjWerYUsgcsTNwvRSwTPi0R9ASSPTEx542%2BOVPJBHxnlbvW%2FmKztECXZd7uXvAMD7B4UwLc7hJXm3nlYUvHsPbKHJRtopo7AWP2yo3S9jankShtg1WtFVtKKOFJ4hL96hhRJervIxsdn6MtvAE%2BpCvk6Yap2eJw75EV0VFcYtZ47qczKBHgYrLguTmmUjn32SlRQHvJ0eMBXwlON1pI9KaiIT3JGEcWbk%2Feny%2BhSWB8NLSx%2BjQc8XWhEbgma9%2FAv2uLqxOPo4%2FksPduyx0atFVdoiCB89ct0imQMgyVnyjH4u7k%2BVlfiT3fGv3kBfGqJhPKiPnfSNjFGJunH1MKusMAN72u2sid%2B18w3FIfoMN8F43MA1wTaOAp18ULRN3vJyYQXlmCW8Y6MWjprilNeQ85W5SgoS7M8ivNKCdK54ov4hST51KC13oWbe8EJUXmHcqIDTxEe8cz6GVH9KkiPIwI9nr%2FqWjqS54%2FjmvP%2FAw%3D%3D" style="border: 1px solid #ccc" width="95%"></iframe>相关说明
内容继续编辑完善中,源文件存放在 draw.io 上。
标签:思维,导图,适配,端的,垂直,全屏 From: https://www.cnblogs.com/wanghai0666/p/18199305