svg

0열

1답변

동일한 선 길이의 x, y 좌표를 사용하여 두 직각의 중심을 만들어야합니다. 이것은 내 svg 라인입니다. <svg width="140" height="140"> <line x1="0" y1="0" x2="0" y2="90" style="stroke:#006600;"/> <line x1="0" y1="0" x2="90" y2="0" st

0열

1답변

SVG 애니메이션이 DOMLoad 이벤트를 기다립니다. timelineBegin = "onStart"가 작동하지 않습니까?

page에서 설명한대로 svg 애니메이션 타임 라인은 DOMLoad 이벤트로 시작됩니다. 하지만 timelineBegin = "onStart"에 의해 svg의로드로 변경할 수 있습니다. 미리로드 된 svg를 사용하고 싶습니다. 애니메이션을 시작해야합니다. 는 왜 애니메이션은 여전히 DOMLoad 이벤트를 대기 : <svg id="map" version=

0열

1답변

JAVA

을 사용하여 HTML5로 작성된 SVG를 JPG로 변환하면 Java를 사용하여 순수 SVG 코드를 JPG로 변환 할 수 있습니까? 나는 바틱 SVG를 사용하려고했지만, 회화 할 파일 경로가 필요하다. 코드 만 사용하고 싶다. SVG 코드 : String chart = "<svg width=\"700\" height=\"297\" aria-label=\"A

0열

1답변

D3에서 SVG 요소 그룹화

D3에 차를 구현했습니다. 정보 그래픽. 하나; 그것은 내 컨테이너에서 꽤 크고 애니메이션이 아닙니다. 다음 요소들을 그룹화하고, 규모를 줄이려고합니다. &은 마침내 반복적으로 또는 연속적으로 움직 이도록 애니메이션합니다. 기본적으로 자동차를 훨씬 더 작게 만들어 페이지 주위를 자유롭게 움직일 수 있습니다. 여기 d3.select('#dataVizConta

0열

1답변

jQuery 또는 Javascript로 svg 속도를 변경하십시오.

이 코드는 codepen에서 발견되었지만 거품에서 값을 조정하는 방법을 찾을 수없는 것 같습니다. 막대는 js에서 바꿀 수 있지만 jq/js에서는 바꿀 수 없습니다. <path id="Fill-13" fill="#F8B50F" d="M3.7 88.532h26.535v-#.795H3.7z"/> 해시 태그를 0에서 12 사이의 값으로 변경하면 계기는 조정되

0열

1답변

SVG를 컨테이너 크기에 맞게 그릴 수 있도록 SVG의 크기를 조절하려면 어떻게해야합니까?

D3.js 구성 요소가 있고받은 데이터를 기반으로 차트가 동적으로 렌더링됩니다. 내 문제는 큰 데이터 집합을 받으면 구성 요소가 커지고 (각 시각적 요소의 크기가 미리 정의되어 있음) 화면에 맞도록 내 구성 요소를 리팩토링하고 모든 요소의 크기를 계산하지 않으려 고합니다.

1열

1답변

d3 생성 볼록 선체에 레이블을 추가하려면 어떻게합니까?

힘 지향 그래프에서 노드 주위에 볼록 선체를 그리기 위해 d3 v4 및 this technique (약간 수정)을 사용했습니다. 훌륭하게 작동하지만 이제이 노드 그룹에 레이블을 지정하려고합니다. 궁극적으로, this SVG과 같은 모양을 그려 보겠습니다. 볼록한 null 다각형에 텍스트 요소를 추가하여 다각형이 이동하면 이동할 수 있습니까? 아니면 일종의

0열

1답변

d3에서 컨테이너 div의 크기에 맞게 SVG를 확장하려면 어떻게해야합니까?

내 SVG 크기를 #mapDiv의 크기로 만들 수있는 방법이 있습니까? HTML : <div id="mapDiv"> <svg id="mapSVG" width="960" height="600" viewbox="0 0"></svg> </div> JS : var svg = d3.select("#mapSVG"), width = +svg.at

2열

1답변

SVG의 텍스트 요소에 텍스트를 추가 할 수 있습니까?

해당 텍스트를 클릭 할 때 데이터 레이블 끝에 새 텍스트 요소를 추가하려고합니다. 가능한가? 나는 내 코드에 이것을 추가하는 시도하고 텍스트를 추가 할 수 표시되지 않습니다 circleGroup.selectAll("text") .data(data) .enter() .append("text") .text(fu

0열

1답변

가운데 정렬 된 차트 정렬 - d3

3 개 차트를 모두 HTML 페이지의 중앙에 배치하고 싶습니다. 나는이 질문이 이전에 요구되었지만 어떤 솔루션도 나를 위해 일하지 않았다는 것을 알고있다 : 나는 this과 this 참조를 시도했다. Plunker에 대한 피드백을 페이지 중앙에 도표로 표시 할 수 있습니까? svg{ display: block; margin: auto;