Поверхность Famo.us — изображение в качестве фона

Я экспериментирую с фреймворком Famo.us. Может ли Surface иметь изображение в качестве фона? Как я могу установить это. Я пробовал с:

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

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

image background famo.us
person Sysrq147    schedule 13.06.2014    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Вам нужно установить размер поверхности. Вы также можете дополнительно установить размер 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);
person johntraver    schedule 13.06.2014
comment
Возможно ли иметь поверхность полной ширины/высоты? - person Sysrq147; 13.06.2014
comment
Это решение, я использовал backgorundSize:'cover' для фонового изображения. Изображение не заполняет поверхность. - person Sysrq147; 13.06.2014