sdk-edit-cad.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Document</title>
  7. <style>
  8. *,
  9. *::before,
  10. *::after{
  11. box-sizing: border-box;
  12. }
  13. html,
  14. body {
  15. width: 100%;
  16. height: 100%;
  17. margin: 0;
  18. overflow: hidden;
  19. }
  20. .scene {
  21. width: 100%;
  22. height: 100%;
  23. }
  24. .toobar {
  25. position: absolute;
  26. top: 10px;
  27. left: 50%;
  28. z-index: 10000;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div id="scene" class="scene"></div>
  34. <link href="//at.alicdn.com/t/font_3139015_4jzhfnsh587.css" rel="stylesheet" />
  35. <script src="../dist/sdk/kankan-sdk-deps.js"></script>
  36. <script src="../dist/sdk/kankan-sdk.js"></script>
  37. <script>
  38. var kankan = new KanKan({
  39. dom: '#scene',
  40. num: 't-YhBCzQr', //'tSrGwEa0n'
  41. })
  42. kankan.use("Controls")
  43. kankan.use('DesignCAD').then(cad=>{
  44. kankan.Plugins.DesignCAD.show()
  45. })
  46. kankan.render()
  47. function edit(open) {
  48. if (open) {
  49. kankan.Plugins.DesignCAD.show()
  50. } else {
  51. kankan.Plugins.DesignCAD.hide()
  52. }
  53. }
  54. </script>
  55. </body>
  56. </html>