如何使用FlashCC和CreateJS制作可展开的广告?

时间:2015-01-06 12:05:58

标签: javascript html5 html5-canvas createjs

我想知道我是否制作了一个300x250的Flash HTML5 Canvas Banner,我怎样才能让它向下扩展页面并扩展画布大小?

2 个答案:

答案 0 :(得分:0)

试试这个:

var originalHeight = this.stage.canvas.height;
var expandedHeight = 300;  // Put here your desired height
this.stage.addEventListener("mouseover", mouseOverHandle);

function mouseOverHandle() {

    this.stage.canvas.height = expandedHeight;
    this.stage.addEventListener("mouseleave", mouseLeaveHandle);
    this.stage.removeEventListener("mouseover", mouseOverHandle);
}
function mouseLeaveHandle() {
    this.stage.canvas.height = originalHeight;
    this.stage.addEventListener("mouseover", mouseOverHandle);
    this.stage.removeEventListener("mouseleave", mouseLeaveHandle);
}

您会看到一些闪烁,因为画布会在调整大小时重绘其内容。有关详细信息,请参阅此问题Flickering during resizing of HTML5 canvas

答案 1 :(得分:-1)

点击画布,然后点击属性标签和FPS,尺寸然后根据需要改变大小