2
서로 다른 크기의 rect 요소가 포함 된 d3으로 시각화를 만들었습니다. 각각의 rect 요소에 "캡션"을 넣고 싶습니다만 텍스트가 자연스럽게 맞으면 표시하는 것이 좋을 것입니다. 어떻게이 일을 끝낼 수 있습니까?d3.js를 사용하여 텍스트가 적합한 경우에만 SVG rect에 텍스트를 표시하려면 어떻게해야합니까?
A
답변
3
텍스트의 경계 상자가 나타나면 rect 요소에 비해 너무 큰지 확인하고 제거하십시오. Here은 텍스트 요소의 경계 상자를 가져 오는 방법의 예입니다.
관련 문제
- 1. d3 SVG rect에 텍스트 추가
- 2. d3.js를 사용하여 전체 svg 요소 복제하기
- 3. svg rect에 텍스트를 바인딩하는 방법은 무엇입니까?
- 4. d3.js를 사용하여 선을 애니메이트하려면 어떻게해야합니까?
- 5. d3.js를 사용하여 함수를 대신 사용하여 코드를 추가하려면 어떻게해야합니까?
- 6. JS를 통해 포함 된 SVG 문서의 텍스트를 얻으려면 어떻게해야합니까?
- 7. d3.js를 사용하여 dom에 중첩 된 svg 요소를 추가하는 방법
- 8. div 위에 텍스트를 표시하려면 어떻게해야합니까?
- 9. Slick으로 텍스트를 표시하려면 어떻게해야합니까?
- 10. 텍스트를 강조 표시하려면 어떻게해야합니까?
- 11. d3.js를 사용하여 svg에 닫기 버튼 만들기
- 12. js를 사용하여 입력 텍스트를 이동하는 방법
- 13. Apache Solr에서 검색 텍스트를 강조 표시하려면 어떻게해야합니까?
- 14. CoreText를 사용하여 텍스트를 굵게 표시하려면 어떻게해야합니까?
- 15. D3.js를 사용하는 수직 호
- 16. d3.js를 사용하여 다이어그램에 레이블을 추가하려면 어떻게합니까?
- 17. Scintilla에서 텍스트를 강조 표시하려면 어떻게해야합니까?
- 18. 텍스트가 표시되지 않습니다. d3.js
- 19. 형식이 지정된 텍스트를 텍스트 영역에 표시하려면 어떻게해야합니까?
- 20. d3.js 범례와 함께 svg 텍스트를 정렬하십시오
- 21. d3.js를 사용하여 AngularJS에서 $ location이 작동하지 않습니다.
- 22. JavaScript를 사용하여 텍스트를 표시하려면 어떻게합니까?
- 23. 텍스트를 한 줄에 표시하려면 어떻게해야합니까?
- 24. 버튼 위에 텍스트를 표시하려면 어떻게해야합니까?
- 25. d3.js를 사용한 SVG 스타일링에 대해 혼동 스럽습니다
- 26. ReactJS : SVG의 Rect에 svg 이모티콘을 삽입하십시오.
- 27. IE에서 작동하지 않는 d3 js를 사용하는 SVG 필터
- 28. 편집 텍스트의 텍스트를 TextView에 즉시 표시하려면 어떻게해야합니까?
- 29. Android 앱에 Assamese 텍스트를 표시하려면 어떻게해야합니까?
- 30. d3.js를 사용하여 축을 업데이트하는 방법