我的项目1 解决屏幕适应性问题

来源:互联网 发布:网络系统面试 编辑:程序博客网 时间:2024/06/08 10:24

工作中,遇到了一些小问题,都解决了一下,和大家分享一下。

这一次和大家分享的是onresize方法,解决的问题是屏幕适应性问题,即你获取得的对象会随窗口的改变而改变

下面给大家分享代码:

<!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><script type="text/javascript" charset="utf-8">var canvas;var context;window.onresize = resizeCanvas; //屏幕大小适应function resizeCanvas() {canvas = document.getElementById("myCanvas");canvas.height = window.innerHeight;canvas.width = window.innerWidth;            }window.onload = function() {resizeCanvas()}</script><body><div id="myDiv"><canvas id="myCanvas" width="100" height="100" style="border: 1px solid #0066FF;"></canvas></div></body></html>

0 0
原创粉丝点击