拉伸很简单,在设置backgroundImage的时候记得把backgroundSize设置成100%即可。如果是写在css文件中。

有个小问题,就是100%需要用双引号括起来,像这样:backgroundSize: "100%";,否则出错(真想骂娘啊)。
背景的重复就是背景图片没有容器那么大时,会把同一个图片重复画在容器上。这个东西的原理当然就是自己去画那个图片了。不过幸好 Defrafa这个组件库有了这个功能,而且很好很强大。查看这里, http://www.degrafa.org/samples/foundation.html#adv-css,里面的Advanced CSS类别的sky background就是这样的例子,当然用之前得先把它的swc (google下就行啦)下载到你的库目录下。

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐