javascript - KineticJS android ステージサイズ

Question

KineticJS ステージの定義は次のようになります。

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

そのため、ステージの幅と高さは固定サイズです。解像度が異なる場合、電話の画面に合わせて拡大する方法は?

Answer 1

さて、これは本当に JavaScript の質問です。ステージのサイズをウィンドウのサイズと同じにしたい。これは私のAndroidプロジェクトでうまくいきました：

 var stage = new Kinetic.Stage({
      container: 'container',
      width: window.innerWidth,
      height: window.innerHeight
 });

編集:
さらに、方向の変更を確認できるように jQuery も追加することをお勧めします。その後、次のようなことができます。

window.onresize = function(event) {  //this function will resize your stage to the size of your window
    stage.setWidth(window.innerWidth);
    stage.setHeight(window.innerHeight);
    stage.draw(); //redraw the stage, not sure if really needed, but good to have.
}

またはあなたがすることができます：

window.onresize = function(event) {
    stage.setScale(x,y); //set x, y scale values when the orientation changes
    stage.draw(); //redraw the stage, not sure if really needed, but good to have.
}