sencha touch容器背景中設置的phoneGap相機圖像

Question

我必須將phoneGap相機api與sencha touch相結合。

我想設置sencha觸摸容器的背景與手機相機api捕獲的圖像。 任何人都可以給我一些例子或一些想法嗎？ 感謝

我的容器

.... 
    { 
    xtype: 'container', 
    cls: 'SRCameraButton', 
    flex:2, 
    itemId : 'photoBtn', 
    action : 'capture' 
    } 

Answer 1

你可以做這樣的事情。

var imageView = Ext.getCmp('imageView'); 
    Ext.device.Camera.capture({ 
     success : function(image) {    
      imageView.setHtml('<img src="data:image/png;base64,' + image 
        + '"width=200px height=200px />'); 

     }, 
     quality : 100, 
     destination : 'data', 
     source: source 
    }); 

其中ImageView的是容器

{ 
     xtype : 'container', 
     id : 'imageView', 
     width : 200, 
     height : 200, 
     style : 'margin: 0 auto' 
    }