这是我为 Canvas 制作的那种。我想当我点击左/右按钮时, Canvas 的背景图像属性应该改变。
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(){
}
})
谁能建议怎么做?
最佳答案
我会使用 Canvas 上下文的 drawImage 方法。或者,如果您要在 Canvas 上绘制其他内容,则可以将图像放在 Canvas 后面的 div 中。只需将 Canvas 的背景设置为透明即可。
参见:http://www.html5canvastutorials.com/tutorials/html5-canvas-images/
关于css - 如何以编程方式更改 enyo 中 Canvas 的背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20373010/