D3 - 원시 기호 추가

Question

나는 코드를 가지고 있습니다.

"있는 그대로"svg 기호를 추가하고 싶습니다! D3 svg.

D3을 사용하여 심볼을 동적으로 만들고 싶지 않습니다. 이미 심볼을 디자이너에서 만들었으므로 그대로 사용하고 싶습니다!

이

내 jsfiddle입니다 : 내 D3 컨테이너 pie_chart_wrapper가 바이올린에서 https://jsfiddle.net/omriman12/8786e8zq/1/

와 나는

Answer 1

은 그냥 SVG로 이전 definded 기호를 추가 D3의 SVG로 기호 md_file를 추가 할 :

svg.append("g") 
    .attr("transform","translate(0,0)") 
    .attr("class","mySymbol") 
    .append("use") 
    .attr("xlink:href","#md_file") 

Here the working code

APPEND use 요 후 ur는 다음과 같이 속성을 조정할 수 있습니다.

svg.append("g") 
    .attr("transform","translate(0,0)") 
    .attr("class","mySymbol") 
    .append("use") 
    .attr("width",20) 
    .attr("heigth", 20) 
    .style("fill", "red") 
     . 
     . 
     . 
    .attr("xlink:href","#md_file")