• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    해결됨

style적용 우선순위에 대해질문

20.07.03 17:24 작성 조회수 113

1

우선 영상 잘보고있습니다. 감사합니다

고화질 비디오 부드럽게처리2에서 

<canvas class="sample-canvas" width="1920" height="1080"></canvas>

로 인라인 스타일을 주시고 css에서 width:100%으로 줬기때문에 화면크기에 따라 바뀐다고 하셨는데

인라인스타일로 주면 css보다 우선순위가 높게잡혀서 

css가 안먹히지 않나요??

답변미리감사드립니다

답변 2

·

답변을 작성해보세요.

3

<canvas>에서 width=1920으로 설정된 것은 CSS가 아니라, 캔버스 객체의 width 속성입니다. 캔버스가 처리해야할 픽셀 개수는 저 width와 height에 따라 1920 x 1080개가 되고요,
CSS로 넣은 크기는 단지 눈에 보이는 크기일 뿐이라서, CSS를 조정해도 캔버스의 width와 height 값은 변하지 않고 단지 화면에 표시되는 크기만 바뀝니다.

0

빠른답변 감사드려요!!