본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


font2

Html Canvas (Html 캔버스) 튜토리얼 (차트만들기!) - 5 : 좌표 사각형과 선을 그려보았으니 이제 대충 캔버스를 만질 때 필요한 요소에 대해서 살펴본 것 같다. 기본적으로 캔버스를 그리는 기본 공식은 3가지 요소이다. - x좌표, y좌표 및 크기 너무 당연한 이야기이지만 3가지중 1가지라도 없으면 문제되는 것이 x좌표 및 y좌표이다. 아무튼! 캔버스에서 텍스트를 그리는 방법은 2가지로 나뉘어 진다. 채우기 형태의 텍스트인지 아니면 그리기형태의 텍스트로 나뉘어진다. 예제코드를 살펴보자. 뭐..전혀 어려워 보이지 않는 코드이다. 1번째 값은 글자, 2째는 x좌표, 3째는 y좌표이며 옵션으로 4번째는 텍스트의 최대 길이 이다. 4번째는 옵션 개념이므로 굳이 쓰지 않아도 문제되지는 않는다. 자세히보면 font 라는 값이 존재하는데.. font에는 반드시 "00px 폰트 스타일.. 2020. 1. 31.
Html css Font 1. 폰트 적용 대상 { font-family: "Times New Roman", Times, serif; } 2. 폰트 스타일 div { font-style: normal; } div { font-style: italic; } div { font-style: oblique; } 3. 폰트 크기(픽셀) div { font-size: 20px; } 4. 폰트 크기(픽셀 대신 em) div { font-size: 2.5em; /* 40px/16=2.5em */ } 5. 폰트 크기(퍼센트, 엘리먼트 크기에 비래) div { font-size: 100%; } 6. 폰트 굵기 div { font-weight: normal; /*일반*/ } div { font-weight: bold; /*굵게*/ } 7. 대소문자.. 2019. 7. 9.