Famo.us表面-图像作为背景

Question

我正在尝试Famo。我们的框架。Surface可以有图片作为背景吗?我该怎么设定呢?我试过:

   // your app here
    var bg = new Surface({
     properties: {
    backgroundImage: "url(images/background.png')"
  }
    });

Answer 1

你需要设置表面的大小。你也可以另外设置backgroundImage的大小backgroundSize..这是我所做的…希望能有所帮助!

var Engine    = require('famous/core/Engine');
var Surface   = require('famous/core/Surface');
var Modifier  = require('famous/core/Modifier');
var context = Engine.createContext();
var surface = new Surface({
  size:[200,200],
  properties:{
    backgroundImage:  'url(content/images/famous_symbol_transparent.png)',
    backgroundSize:   '200px 200px',
    backgroundRepeat: 'no-repeat'
  }
});
context.add(new Modifier({origin:[0.5,0.5]})).add(surface);