merge_flv_sub.html 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Sub view in Merge frame</title>
  8. <link rel="stylesheet" href="./css/common.css?v=202305271602">
  9. <style>
  10. #sub_view {
  11. transform: scaleY(-1);
  12. width: 100%;
  13. height: 100%;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <canvas id="sub_view"></canvas>
  19. <script src="./js/common.js?v=202305271652"></script>
  20. <script>
  21. var width = parseInt(getQueryString("w"));
  22. var height = parseInt(getQueryString("h"));
  23. function getCanvas() {
  24. return document.getElementById("sub_view");
  25. }
  26. function fillSize() {
  27. var canvas = document.getElementById("sub_view");
  28. // canvas.width = 640;
  29. // canvas.height = 360;
  30. canvas.width = window.innerWidth;
  31. canvas.height = window.innerHeight;
  32. }
  33. </script>
  34. </body>
  35. </html>