2012-06-22 4 views
2

SVG 요소에 캔버스를 삽입해야합니다. SVG에서 캔버스가 필요합니다. SVG와 jquery 스파크 라인을 사용하여 d3js를 사용하기 때문에 캔버스를 만듭니다. 스파크 라인 그래프를 svg 요소의 일부로 만들 수있는 방법이 있습니까? SVG에서 스파크 라인이있는 그래프를 그리려고했지만 c.innerHTML을 반환하는 것은 정의되지 않았습니다.HTML5 jQuery가 포함 된 SVG 요소의 캔버스

감사합니다.

+3

' '를 사용하여 SVG에' '이라는 XHTML을 만들고' '을 추가하십시오. 또는 SVG를 X/HTML에 포함시키고 [HTML 좌표에서 SVG 요소의 위치를 ​​찾으십시오.] (http://phrogz.net/svg/html_location_in_svg_2.svg) ''을 절대 위치에 배치 할 수 있습니다. SVG와 함께 메인 HTML. – Phrogz

+0

와우 감사합니다. Phrogz! 당신의 해결책이 효과가있었습니다. –

+0

이것이 당신에게 갈 수있는 충분한 정보라는 것을 알게되었습니다. 나는 그렇게하지 않을 것이라고 생각했기 때문에 완전한 대답으로 생각하지 않았습니다. 기꺼이 도와주었습니다 :) – Phrogz

답변

2

질문 아래의 Phrogz 코멘트를 참조하십시오. 나는 실을 닫기위한 답으로 붙이고있다. 내 문제에 대한 대답은 SVG에 div와 같은 html 태그를 추가하는 요소가 필요하다는 것입니다. div는 스파크 라인이 생성하는 캔버스에 필요했습니다.

그래서 난 그냥 단지 이물질의 사업부로 지적 스파크 위해 그런 다음이

svgObj.append("foreignObject") 
    .attr("width", "20") 
    .attr("height", "20") 
    .append("xhtml:div"); 

를 추가했고 지금은 SVG :

감사 Progz에 캔버스를!