Famo.us Surface - 배경 이미지

Question

나는 Famo.us 프레임 워크를 실험 중이다. Surface는 이미지를 배경으로 가질 수 있습니까? 내가 어떻게 그것을 설정할 수 있습니다. wth 시도 :

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

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

Answer 1

표면의 크기를 설정해야합니다. 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);