html5-canvas - EaselJS:改变形状对象尺寸

Question

总菜鸟问题。我一直在滥用谷歌，出于某种原因，令人惊讶的是无法找到任何关于此的信息......？我觉得我在这里错过了一些东西。 :P

我目前有一个 resize() 函数，可以将 Canvas 尺寸修改为窗口的大小。在一个最小的示例(也使用 jQuery)中，我有一个引用我的 Shape 对象的变量。根据文档，形状对象不包括宽度和高度属性。调整形状对象大小的最有效方法是什么？动态删除/重绘？

这就是我所拥有的:

            var stage;

            var bgColor;

            $(document).ready(function(){
                init();
            });

            function init()
            {
                stage = new createjs.Stage("canvasStage");

                bgColor = new createjs.Shape();
                bgColor.graphics.beginFill("#000000").drawRect(0,0, stage.canvas.width, stage.canvas.width);

                stage.addChild(bgColor);

                $(window).resize(function(){windowResize();});
                windowResize();
            }

            function windowResize()
            {
                stage.canvas.width = $(window).width();
                stage.canvas.height = $(window).height();
                //bgColor.width = $(window).height();// No width property
                //bgColor.height = $(window).height();// NO height property

                stage.update();}

Answer 1

您可以使用形状的 scaleX 和 scaleY 来缩放形状。

注意:Shape 对象扩展了 DisplayObject，因此您可能还想查看 DisplayObject 文档以获取更多有用的属性/方法。

myShape.scaleX=1.2;
myShape.scaleY=1.2;