4

私は KineticJS を試しており、この例を参照してください。

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

私の質問は、パーセンテージに基づいて幅を設定する方法です。次のようなものが欲しい：

var stage = new Kinetic.Stage({
  container: 'container',
  width: 100%,
  height: 200
});

チャンスはありますか？ありがとう！

4

1 に答える 1

5

パーセンテージ値は機能しません (試してみました)。JavaScript で作業しているので、ウィンドウの幅を簡単に取得し、必要なスペースの割合を占めるのに必要なピクセル数を計算できます。

var stage = new Kinetic.Stage({
    container: 'container',
    width: (window.innerWidth / 100) * 80,  // 80% width of the window.
    height: 200
});

window.onresizeウィンドウのサイズが変更されたときにステージのサイズを変更する場合は、イベントを使用できます。

window.onresize = function(event) {
    stage.setWidth((window.innerWidth / 100) * 80);  // 80% width again
}

リサイズコードのJSFiddle

于 2013-04-04T12:18:29.380 に答える