Famo.us表面 - 圖像作爲背景

Question

我正在試驗Famo.us框架。表面可以有圖像作爲背景嗎？我該如何設置。我曾嘗試過：

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