javascript - 使 enyo.canvas 适合

Question

我有这个小提琴：http: //jsfiddle.net/y9mhE/3/

现在我想让画布控件适合父 div。由于它继承了 enyo.control 我应该能够使用 'fit' 属性，但这似乎不起作用。

这是一个错误，还是我错过了什么

( http://enyojs.com/api/#enyo.Canvas )

画布控件有一个宽度和高度属性（默认为 500），也许这会覆盖 fit 属性？

我必须在此处包含代码，因此：

enyo.kind({
    name: "App",
    kind: enyo.Control,
    fit: true,
    components: [
    {
        kind:enyo.Canvas,
        name:"canvas",
        fit:true

    }
    ]
});​

Answer 1

fit属性不属于 enyo.Control 种类，它只能在 fittable 种类中使用。因此，将您的应用类型更改为“FittableColumns”或“FittableRows”（或将 layoutKind 设置为“FittableColumnsLayout”或“FittableRowsLayout”），如下所示：

enyo.kind({
    name: 'App',
    kind: 'FittableColumns',
    /* or:
    kind: enyo.Control,
    layoutKind: 'FittableColumnsLayout', */
    components: [
        {
            name: 'canvas',
            kind: enyo.Canvas,
            fit: true // works now because of parents fittable layout
        }
    ]
});

我更新了你的小提琴：http: //jsfiddle.net/y9mhE/7/