Как программно изменить фоновое изображение холста в enyo

Question

Это вид, который я сделал для холста. Я хочу, когда я нажму на кнопки влево/вправо, свойство фона изображения холста должно измениться.

enyo.kind({ 

    name:"enyo.sample.imagecanvas", 
    kind:"Control", 
    components:[ 
    {kind:"enyo.Control",tag:"img",name:"left",ontap:"lefttap",src:"assets/left_arrow.p ng",fit:true}, 

{kind:enyo.Control,tag:"canvas",name:"canvas",index:"0",attributes:{width:1000,height:650},fit:true,src:"assets/1.jpg"}, 

{kind:"enyo.Control",tag:"img",name:"right",ontap:"righttap",src:"assets/right_arrow.png",fit:true}, 

], 
imgsrc:["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg","9.jpg"], 

lefttap:function(){ 
    var index=this.$.canvas.index; 
    index++; 
      if(index > 8){ 
       index = 0; 
      } 
    //how to change canvas background image. 

}, 
righttap:function(){ 

} 
}) 

Может кто-нибудь предложить, как это сделать?

Answer 1

Я бы использовал метод drawImage контекста canvas. Кроме того, вы можете поместить изображение в div позади холста, если вы собираетесь рисовать другие вещи на холсте. Просто установите фон холста прозрачным.

http://www.html5canvastutorials.com/tutorials/html5-canvas-images/