https://stackoverflow.com/questions/53351036/what-is-the-meaning-of-attrd-path/53351173#53351173 : 내가 질문한것
svg Path 에 대한 설명
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d#Path_commands
=====================================================
https://stackoverflow.com/questions/35892627/d3-map-d-attribute
The "d"
attribute in a path object defines the successive coordinates of the points through which the path has to go (it also gives indication about whether the path should use bezier curves, straight lines, etc.). See some documentation here.
Be careful: in d3, d
is often used as a parameter for anonymous functions representing the data currently binded to the current element. So the two are completely different things.
Here, your line
.attr("d", path)
should probably look more like
.attr("d", function(d){return d.path})
i.e., take the field path
within the data elements.
=============================================================
https://www.dashingd3js.com/svg-paths-and-d3js
내가 느낀 바 path 에서의 d는
일종의 그림을 그리는 좌표 같은 것 같다....
1<svg width="100" height="100"> 2 <path d=" M 10 25 3 L 10 75 4 L 60 75 5 L 10 25" 6 stroke="red" stroke-width="2" fill="none" /> 7</svg>
부를때는,,,,
보통 d attr 다시 말해 d attribute라고 말한다..
=========================================================
d3의 function d는 데이터를 말하는 듯 싶다.. 위에 설정
'코딩' 카테고리의 다른 글
d3 : scale 정의역 공역 치역 (0) | 2018.11.20 |
---|---|
atom vscode 단축키 (0) | 2018.11.18 |
d3: g (0) | 2018.11.17 |
Atom 패키지 / vscode extention (0) | 2018.11.13 |
웹서버 운영 : 윈도우 (아파치, 설치, 웹서버와 http, 웹브라우저와 웹서버의 통신) (0) | 2018.11.11 |