canvas-scale.js 634 B

123456789101112131415161718
  1. /* canvas-scale.js · 1280×720 等比缩放
  2. * 来源:skill-present/lib/player/canvas-scale.js
  3. * 将 body 内容缩放到 1280×720 设计画布,适配任意视口
  4. */
  5. (function() {
  6. var W = 1280, H = 720;
  7. function scale() {
  8. var sw = window.innerWidth, sh = window.innerHeight;
  9. var r = Math.min(sw / W, sh / H);
  10. document.body.style.transform = 'scale(' + r + ')';
  11. document.body.style.transformOrigin = 'top left';
  12. document.body.style.width = W + 'px';
  13. document.body.style.height = H + 'px';
  14. document.body.style.overflow = 'hidden';
  15. }
  16. window.addEventListener('resize', scale);
  17. scale();
  18. })();