CreateJS：ステージまたはキャンバスの要素がウィンドウのサイズ変更で正しくスケーリングされない

Question

ウィンドウのサイズ変更時にステージ（キャンバス）のサイズを調整しています。キャンバス自体が正しく再調整されている間は、キャンバスの内容は実際には拡大縮小されておらず、いくつかの要素（例：テキスト、ボタンなど）は完全には見えません。

ここでコード

stage = new Stage(document.getElementById("canvas")); 

window.addEventListener('resize',resize,false); 

function resize() { 
    var w = window.innerWidth; 
    var h = window.innerHeight; 
    var ow = stage.canvas.width; 
    var oh = stage.canvas.height; 

    // keep aspect ratio 
    scale = Math.min(w/ow, h/oh); 
    stage.scaleX = scale; 
    stage.scaleY = scale; 

    // adjust canvas size 
    stage.width = ow * scale; 
    stage.height = oh * scale; 

    stage.update(); 
} 

だが、私が行方不明です何かはありますか？

Answer 1

いくつかの簡単なもの：

あなたは、ステージの幅/高さを設定することはできませんが、代わりに、キャンバスのサイズを設定する必要があります。コンテンツをトリミングしようとしている場合を除き、には、が必要です。

stage.width = ow * scale; 
stage.height = oh * scale; 

次に、コンテンツをコンテナに入れ、ステージの代わりに直接スケーリングすることを検討することもできます。

希望に役立ちます！