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

Image Famo.us表面-图像作为背景,image,background,famo.us,Image,Background,Famo.us,我正在试验Famo.us框架。表面可以有图像作为背景吗?我该怎么设置呢。我尝试过: // your app here var bg = new Surface({ properties: { backgroundImage: "url(images/background.png')" } }); 您需要设置曲面的大小。您还可以使用backgroundSize另外设置backgroundImage的大小。。这就是我所做的。。希望有帮助 var Eng

我正在试验Famo.us框架。表面可以有图像作为背景吗?我该怎么设置呢。我尝试过:

   // your app here
    var bg = new Surface({
     properties: {

    backgroundImage: "url(images/background.png')"
  }
    });

您需要设置曲面的大小。您还可以使用backgroundSize另外设置backgroundImage的大小。。这就是我所做的。。希望有帮助

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);

您需要设置曲面的大小。您还可以使用backgroundSize另外设置backgroundImage的大小。。这就是我所做的。。希望有帮助

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);

有可能有全宽/全高的表面吗?这就是解决方案,我使用backgorundSize:“cover”作为我的背景图像。没有图像填充表面。是否可以有全宽/全高的表面?这就是解决方案,我使用backgorundSize:“cover”作为我的背景图像。没有图像填充曲面。