darren, dev blog

📈 js 그래픽/svg 1.1 검색 결과

해당 글 3건

svg element : 컨테이너 엘리먼트들

developer.mozilla.org/ko/docs/Web/SVG/Element#%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88_%EC%97%98%EB%A6%AC%EB%A8%BC%ED%8A%B8%EB%93%A4 SVG element reference - SVG | MDN developer.mozilla.org 다른 svg element들을 group하는데 사용하는 태그입니다. g에 준 태그들은 자식 태그들에게 상속됩니다. 편리하죠!

📈 js 그래픽/svg 1.1 2021. 1. 17. 16:34

svg element : 기본 모양들

developer.mozilla.org/ko/docs/Web/SVG/Element SVG element reference - SVG | MDN developer.mozilla.org 기본 모양들 아래 외에 storke 등의 스타일링을 추가해줄 수 있습니다. 그래프에서 scatter chart 그릴 때 종종 사용합니다. 막대 그래프 그릴 때 사용합니다. x, y는 절대적인 위치를 의미하고, width, height는 속성명 그대로입니다. rx : The horizontal corner radius of the rect. Defaults to ry if it is specified. ry : The vertical corner radius of the rect. Defaults to rx if it is s..

📈 js 그래픽/svg 1.1 2021. 1. 17. 11:15

svg 태그 소개

이거 공부하는 사람 누가 있냐, figma 써서 쉽게 도형 쫙쫙 그리고 svg로 export하지 라고 생각했고, 아이콘을 사용하는 경우(대부분) 저 말은 맞습니다. 그런데 D3 쓰다 보니 결국 svg로 그래프를 그리는게 기본이라 저도 배우게 되네요. 그래프 잘 그리려면 svg를 어느 정도는 쓸 줄 알아야 합니다. svg ... svg tag attribute 1. width, height 가로, 세로 크기 지정. 2. viewBox viewBox : https://developer.mozilla.org/ko/docs/Web/SVG/Attribute/viewBox viewBox = ", , , " , 는 svg요소 내에서 viewBox의 좌표를 정의하고 , 는 svg요소가 가지는 영역에 맞춰 svg의 요소..

📈 js 그래픽/svg 1.1 2021. 1. 17. 09:05