오늘 주요 골칫거리가있었습니다. "버그"는 둥근 div 안에있는 캔버스의 크기에 따라 좌우되는 것 같습니다. 누가 '오버플로가있는 Div : 숨김, 테두리 반경 및 캔버스 캔버스. 크기 캔버스에 따라 오버플로 버그가 발생했습니다.
overflow not hidden in firefox 16
<div class="round" >
<canvas width="300px" height="300px">
Your browser needs canvas support</canvas>
</div>
overflow hidden in firefox 16
<div class="round" >
<canvas width="12000px" height="7200px">
Your browser needs canvas support</canvas>
</div>
이 버그 나는 그에게 큰 폭을 설정 다른 해결책을 발견하지 않았기 때문에 캔버스 요소에 대해서는이 질문에 대한 정답은 현재 없습니다.
내가 돈 ...이 바이올린 행동을 설명하고 FF, IE와 크롬 바이올린을 확인 16.0.2./chrome 파이어 폭스에서이 "버그"에 대한 솔루션을 제공 할 수 있습니다 캔버스에 대해 많이 알고 있지만, 인라인 width="300px" height="300px"은 나를 잘못한 것으로 치게되었습니다. 당신은 스타일 시트, 또는 인라인 style 속성이를 연기 할 경우, 당신은 결과를 얻을해야 당신이 의도 :
<canvas style="width:300px; height: 300px;">
이 사실이 아닙니다. 증명을 위해이 바이올린을 확인하십시오 http://jsfiddle.net/kasperfish/m3jtc/34/ 정말 캔버스 너비에 따라 다릅니다. –
그 바이올린은 그것이 나를 위해 일한다는 것을 증명합니다! :) – Stephen
글쎄, 그것은 내 승리 7에 파이어 폭스 16.0.2 (화면 해상도 1366 x 768) 상자에 없습니다. Chrome의 문제를 해결했습니다! 어떤 플랫폼을 사용하고 있으며 어떤 버전의 파이어 폭스가 있습니까? –
버그는 캔버스의 너비에만 의존하는 것으로 보입니다. 캔버스 너비 = 또는 8193 픽셀 이상이면 버그가 해결됩니다. 이것은 화면 해상도 (내 화면 너비는 1366 픽셀)에 따라 다를 수 있습니다 ... 다른 srceen 크기에 대한 테스트를 수행하지 않았습니다. –