프론트엔드/HTML (4) 썸네일형 리스트형 캔버스 동적 크기 지정 캔버스의 너비, 높이 속성은 pixel을 기준으로 하는 반면 CSS 너비, 높이 속성은 스타일이 적용되는 박스의 크기와 비례해서 적용됩니다. 따라서, 캔버스를 활용한 애플리케이션 개발 시 크기지정은 다른 요소들처럼 CSS를 사용할 수 없고 자바스크립트나 HTML을 활용하여 지정하여야 합니다. 오늘은 화면의 크기에 따라 캔버스의 크기를 달리하는 동적크기를 지정하는법을 살펴 보겠습니다. HTML 삽입 미리보기할 수 없는 소스 캔버스 HTML 요소는 캔버스 에이피아이를 사용하여 단순한 도형부터 게임까지 만들 수 있게 해 주는 유용한 기능입니다. 이 글에서는 캔버스가 가지고 있는 속성들과 그 사용법, 동적으로 캔버스 크지 지정하기, 마지막으로 캔버스를 활용한 애플리케이션 제작방법소개로 구성하였습니다. HTML 삽입 미리보기할 수 없는 소스 전역속성 (global attribute) 전역속성는 이름처럼 HTML의 모든 요소가 사용할 수 있는 속성를 말합니다 (다만, 전역요소를 사용하는 요소가 해당 속성효과를 사용할 수 있는지는 별론). 전역속성 목록 Global attributes - HTML: HyperText Markup Language | MDN Global attributes are attributes common to all HTML elements; they can be used on all elements, though they may have no effect on some elements. developer.mozilla.org HTML 기본 전역속성 contenteditable contenteditable contenteditable은 모든 HTML요소에 적용가능한.. contenteditable contenteditable은 모든 HTML요소에 적용가능한 전역요소로 요소 안에 글을 수정할 수 있게 해 줍니다. index.html text text text 위와 같이 설정 시 브라우저에서 아래처럼 수정이 가능합니다. 하위 요소는 부모의 editable속성을 물려받습니다. 따라서, 부모가 편집가능 상태이면 자손도 편집이 가능합니다. child 마무리 이상으로 HTML 전역요소 contenteditable에 대해서 알아보았습니다. 참고 contenteditable - HTML: HyperText Markup Language | MDN The contenteditable global attribute is an enumerated attribute indicating if the element shou.. 이전 1 다음
