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; 

다음으로 콘텐츠를 컨테이너에 넣고 스테이지 대신 직접 크기를 조정하는 것이 좋습니다.

희망 하시겠습니까?