一个全景图作为view 的背景,view设置较小的size,以显示全景图的一部分
.image-div{
position: absolute;
width: 600rpx;
height: 400rpx;
overflow: hidden;
display: block;
max-width: initial;
background-size: 1700px 400rpx;
}
<view class=“image-div” style=“background-image:url(/bigimg.jpg);background-position:{{myPosition}}”></view>
改变background-position 就可以实现全景图的移动效果,如
this.setData({ myPosition: “0px 0px” });
this.setData({ myPosition: “-10px 0px” });
问题是:
1) 在android, 全景图的移动效果很流畅,(测试环境 android 5.0)
2)在iPhone, 图片闪烁的比较厉害,(测试环境 iphone 6 plus, iphone 7)
谢谢