用Dw创建html5,遇到问题,明明设计图上有的,代码也应该对的,但是浏览器上有张图片看不到。
1个回答
展开全部
不是只有html5才能实现的,用css和javascript也可以实现,简单说下解决思路:
用JQuery和Extjs等js插件可以用相应的onReady函数在页面加载完毕后获取当前的浏览器窗口宽高分别为多少像素。也可以用原生的js绑定事件window.onload()=function(){代码获取宽和高;代码设置图片或canvas的宽和高}来实现。
你的图片如果是全屏背景的话,可以获取浏览器窗口的宽和高,如果不是占满而只是其中的一部分,用上面说的办法获取相应的父元素的宽和高,再设置图片或者html5canvas的宽和高。
这样你看,不管你是用普通的img元素,还是用html5画布,都可以自适应浏览器窗口的分辨率。
关于作图大小的问题要看你的需求,如果需要全部可见,那么你作图的尺寸上限就不能超过屏幕可见范围,如果可以使用scroll卷轴来浏览,那么你可以为img或者canvas的父元素设置超出尺寸自动scroll的属性,这样当你的图超大的时候可以用鼠标滚轮或者点scroll条来浏览。
用JQuery和Extjs等js插件可以用相应的onReady函数在页面加载完毕后获取当前的浏览器窗口宽高分别为多少像素。也可以用原生的js绑定事件window.onload()=function(){代码获取宽和高;代码设置图片或canvas的宽和高}来实现。
你的图片如果是全屏背景的话,可以获取浏览器窗口的宽和高,如果不是占满而只是其中的一部分,用上面说的办法获取相应的父元素的宽和高,再设置图片或者html5canvas的宽和高。
这样你看,不管你是用普通的img元素,还是用html5画布,都可以自适应浏览器窗口的分辨率。
关于作图大小的问题要看你的需求,如果需要全部可见,那么你作图的尺寸上限就不能超过屏幕可见范围,如果可以使用scroll卷轴来浏览,那么你可以为img或者canvas的父元素设置超出尺寸自动scroll的属性,这样当你的图超大的时候可以用鼠标滚轮或者点scroll条来浏览。
追问
图片都是一样大的,只有这一张图不能显示。去掉这一段代码就好了
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询