krpano中如何让图片自适应屏幕尺寸

自适应屏幕尺寸的图片

我们制作的漫游会在各种各样的设备上浏览,不同的设备屏幕尺寸各有差异,如果我们按照固定的像素来固定layer的尺寸,那么有些图片在显示器上可能合适,但在手机上看可能就会太大。通常我们需要根据屏幕的宽度和高度来确定layer的宽度和高度。

如下:

这里我们列出最简单的情况,只列出了最基本的属性,我们已经定义了图片1.jpg的对齐位置是全景的中央,我们要做的就是调整它的尺寸。onloaded这个事件就是在读取完代码之后可处理的动作,因此即使你已经定义了width或者height这两个控制宽度和高度的属性,通过onloaded还是可以进行覆写的。我们用了一个action,名叫picture_resize,其中调用了一个参数,也就是get(name),这样的话就会把test传递到action中。接下来我们看:

这个action貌似复杂,其实就是判断屏幕的宽高比以及图像自身的宽高比,如果屏幕宽度大于屏幕高度,且图片宽度大于图片高度,则按照屏幕宽度的百分之九十赋值给图片宽度。如果图片宽度小于图片高度,则按照屏幕高度的百分之九十赋值给图片高度。反过来对应屏幕宽度小于屏幕高度的情况,则是类似的。

在这里,我们用stagewidthstageheight两个变量来获取屏幕宽度和屏幕高度。你需要更改的只是数字0.9,也就是百分之九十。你可以填入其它小于1大于0的数字。当然,如果大于1的话,你的屏幕就会容纳不了你的图片。

在 “krpano中如何让图片自适应屏幕尺寸” 上有 1 条评论

发表评论