svg이미지 활용

2021. 11. 2. 17:42TIL/웹퍼블리셔취업과정

728x90

필수요소

<svg viewbox="가로위치 세로위치 가로비율 세로비율">

<path d="">

 

 

stroke-linejoin (선이 꺽이는 부분 모양처리)

- miter: 직각으로 꺽음 (기본값)

- round: 모서리를 둥글게

- bevel: 두번 꺽어서 완만하게 꺽음

 

stroke-dasharray

- 선에 빈 공간을 생성

- 수치값을 늘릴수록 빈 공간은 늘어남

- 빈공간 크기와 비례해서 선이 그려지는 영역도 같이 늘어남

 

stroke-linecap (선이 짤린 단면의 모양처리)

- butt: 직각으로 자름

- square: stroke-width크기만큼 여백을 줘서 자름 (기본값)

- round: 둥글게 자름

'TIL > 웹퍼블리셔취업과정' 카테고리의 다른 글

객체지향 es5에서 es6로 변환  (0) 2021.11.11
객체지향 문법  (0) 2021.11.09
문자열 관련 메소드  (0) 2021.10.08
youtube api 적용하기  (0) 2021.10.08
flickr api 적용하는 방법  (0) 2021.10.08