CSS 썸네일형 리스트형 HTML5 canvas 기본 사용법 기본 사용법 canvas의 기본 사용법이다. canvas의 속성은 width, height 두가지만 가지고 있다. 만약 크기를 지정하지 않으면 기본적으로 300*150의 공간을 가지고 있고, Javascript, CSS로 쉽게 제어가 가능하다. CSS로는 일반적인 이미지 태그처럼 각종 스타일을 지정할 수 있다. (margin, background, border 등) 대체 속성 canvas는 기본적으로 브라우저 지원이 적기때문에 간단하게 대체 문구나 이미지를 삽입할 수 있다. current stock price: $3.15 +0.15 위의 두가지 canvas요소들은 각각 canvas를 지원하지 않는 브라우저에서 보았을경우 아래의 텍스트와 이미지로 대체할 수 있다. 더보기 HTML5 canvas소개 canvas는 스크립트를 사용하여 그림이나 사진 간단한 애니메이션들을 표현할 수 있고 그래픽을 컨트롤 할 수 있다. canvas는 처음 Apple for the Mac OS X Dashboard에서 소개되었고, WhatWG Web applications 1.0의 일부에 포함되어 있다. canvas는 html과 자바스크립트에 대한 지식이 있다면 쉽게 구현할 수 있고, canvas를 지원하는 브라우저는 파이어폭스1.5이상, 오페라9, 사파리, 구글크롬, 겍코기반브라우저 등에서 동작하고, 익스플로러는 9.0이상부터 지원 예정이다. 더보기 background 이미지 위치조절 - background-image: url(이미지경로) 배경 이미지의 경로를 지정합니다. - background-repeat (no-repeat/repeat/repeat-x/repeat-y) 배경 이미지의 배열이나 한번 사용 할 것인지 반복 할 것인지를 지정합니다. no-repeat : 배경 이미지 한번만 사용 repeat : 배경 이미지가 웹 페이지 전체적으로 반복 사용 repeat-x : 배경 이미지가 가로 방향으로만 반복 사용 repeat-y : 배경 이미지가 세로 방향으로만 반복사용 - background-attachment: fixed 태그에서 background를 사용 했다면 태그 속성중에 bgproperties속성과 같이 배경 이미지를 고정 합니다. background-attachment (.. 더보기 이전 1 다음