인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

HyunJu Park님의 프로필 이미지
HyunJu Park

작성한 질문수

애플 웹사이트 인터랙션 클론!

고화질 비디오 부드럽게 처리하기 2

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

해결된 질문

작성

·

176

1

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

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

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

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

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

css가 안먹히지 않나요??

답변미리감사드립니다

답변 2

3

1분코딩님의 프로필 이미지
1분코딩
지식공유자

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

0

HyunJu Park님의 프로필 이미지
HyunJu Park
질문자

빠른답변 감사드려요!!

HyunJu Park님의 프로필 이미지
HyunJu Park

작성한 질문수

질문하기