0

Kinetic JS ステージとレイヤーがあります

var stage = new Kinetic.Stage({
    container: 'container',
    width    : STAGE_WIDTH,
    height   : STAGE_HEIGHT
});

var layer = new Kinetic.Layer();

ページの色を #bbb に設定しました。

body {
        background: #bbb;
    }

キャンバスの色を白に設定したいと思います。しかし、ステージ自体またはすべてのオブジェクトを追加するレイヤーに背景色を追加する方法または方法が見つからないようです。

4

5 に答える 5

3

私は同じ問題を抱えていました。「背景」を追加したかったのです。次のコードを使用して、高さと幅が 100% の四角形を追加しました。

var rect = new Kinetic.Rect({
            x: 0,
            y: 0,
            width: stageDimensions.width, //full width
            height: stageDimensions.height, //full height
            fill: 'white', //background color
        });
layer.add(rect);

「背景」を削除できるようにしたかったので、これが私の問題を解決する方法です。

お役に立てば幸いです。

于 2014-08-07T01:05:02.543 に答える
1

JavaScriptで背景色を変えられる...

document.getElementById('container').style.background = '#fff';
于 2013-11-06T12:06:11.093 に答える
0

背景色を追加する API メソッドはありません。

代わりに、レイヤーを覆う色付きの長方形を追加します。

もちろん、他のすべての図形の前に背景の四角形を追加します。

于 2013-03-30T00:12:15.483 に答える