여러 캔버스를 표시하는 방법?

Question

현재 여러 캔버스를 표시하고 싶습니다. 내 문제는 내가 크롬에만 표시 할 수 있다는 것입니다. FF에서는 첫 번째 캔버스와 그림자를 보여주고 두 번째 캔버스에서만 그림자를 보여줍니다. 여기

는 http://jsfiddle.net/ktVsF/

버그 일례이다? 아니면 나쁜 코딩?

Answer 1

이 문제는 사용자가 <canvas> 요소의 높이 및 너비 특성을 정의하지 않았기 때문에 발생합니다.

HTML 사양에 따르면 "캔버스 요소에는 좌표 공간의 크기를 제어하는 ​​두 가지 속성 width 및 height가 있습니다.이 속성은 지정된 경우 음수가 아닌 유효한 정수 여야합니다. 음수가 아닌 정수를 파싱하여 숫자 값을 가져와야합니다. 속성이 없거나 값을 파싱하면 오류가 반환되는 대신 기본값을 사용해야합니다. width 속성의 기본값은 300이고 height 속성 기본값은 150 "

기본 너비와 높이가 300과 150로 설정되고 상단, 좌측, 하단, 오른쪽 속성이 rect로되어 있기 때문에 캔버스 크기를 벗어납니다.

명시 적으로 더 큰 너비와 높이로 설정하면 직사각형이 보입니다.