responsive-paragraph.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!-- Licensed under a BSD license. See license.html for license -->
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
  7. <title>Three.js - Responsive in Paragraph</title>
  8. <style>
  9. body {
  10. font-size: 16pt;
  11. }
  12. #c {
  13. float: left;
  14. padding: 5px;
  15. width: 200px;
  16. height: 150px;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet
  22. maximus metus, a interdum massa faucibus id. Pellentesque in mauris elit.
  23. Vestibulum quis consectetur nisi. <canvas id="c"></canvas> Nulla pellentesque, sapien in
  24. condimentum ullamcorper, mi nisl sollicitudin felis, a ullamcorper sapien
  25. dui vel metus. Nam augue nisi, elementum id diam vel, blandit imperdiet
  26. nunc. Vivamus facilisis imperdiet neque id porttitor. Mauris sapien
  27. felis, mollis tempus orci vitae, sollicitudin varius augue. Nullam non
  28. magna id sem faucibus sollicitudin. Proin nunc mi, rutrum et elementum
  29. ut, auctor eget massa.
  30. </p>
  31. </body>
  32. <script type="importmap">
  33. {
  34. "imports": {
  35. "three": "../../build/three.module.js"
  36. }
  37. }
  38. </script>
  39. <script type="module" src="threejs-responsive.js"></script>
  40. </html>