캔버스 최대 폭으로 IE10에서 제대로 표시되지 않습니다 100 %

Question

CSS :

canvas { 
    max-width: 100%; 
    } 

HTML :

<canvas id="Spades" width="240" height="320" style="background-color:white;border-radius:10px"> 

위의 CSS는 IE10에서 작동하지 않습니다, 높이가 너비로 대체 나는 공급한다. 도움이 필요합니다.

Answer 1

전체 페이지 크기로 캔버스의 크기를 조정하려고하십니까?

최대 너비는 캔버스의 이론적 최대 너비를 정의하는 데 사용되며 캔버스의 크기가 조정되지 않습니다. 어쨌든

...

는 캔버스의 그림이 왜곡되기 때문에 캔버스의 크기를 조정하기 위해 CSS를 사용하지 마십시오. 브라우저가 CSS 캔버스에 응답하기 때문에 기존 캔버스 픽셀을 "늘리면"크기가 조정됩니다.

대신 캔버스 요소 자체의 너비를 설정하여 자바 스크립트에서 크기를 조정하십시오.

var canvas = document.getElementById('myCanvas'), 
canvas.width = window.innerWidth; 
canvas.height = window.innerHeight;