https://github.com/markmarkoh/datamaps에는 매우 멋진 자바 스크립트 벡터 맵이 있지만 바다의 색을 변경하는 옵션이없는 것 같습니다. 그러나 나는 데모 중 일부가 바다의 색이 다른 것을 볼 수 있습니다. 어떻게 바다의 색깔을 바꿀 수 있습니까?DataMaps - 대양의 색을 변경하는 방법
답변
대상 요소의 배경색을 변경할 수 있습니다. 예를 들어 당신의 사업부는 ID의 데이터 맵 '이있는 경우 :
<div id="data-map"></div>
을 그리고 당신은 같은지도 시작하십시오 SVG 당신이 사업부의 배경 색상을 변경할 수 있습니다 투명하기 때문에
var datamap = new Datamap({
element: document.getElementById("data-map")
});
합니다. 그러면 '바다'색상이됩니다 :
#data-map {
background-color: #F00; //red
}
은 직교 투영을 할 수 없습니다. – foreyez
@foreyez 'datamaps-graticule'클래스가있는 경로에 채우기 스타일을 설정하면 조금 만날 수 있습니다. 또 다른 옵션은 svg를 정사각형으로 만들고 여하튼 경로와 크기를 동일하게 만드는 것입니다. 그런 다음 'border-radius : 50 %'를 사용하여 원을 만들고 SVG – PierreDuc
meh의 배경을 채울 수 있습니다. 정사각형지도 뒤에서 svg 원 (채우기가 바다색으로 설정된 위치)을 고집했습니다. . 치료를합니다. :> – foreyez
- 1. ggplot2 색을 변경하는 방법
- 2. 문자열의 색을 변경하는 방법
- 3. 색을 변경하는 방법
- 4. UIButton의 색을 변경하는 방법?
- 5. WinForms 단추 색을 변경하는 방법?
- 6. Google지도에서 경로의 색을 변경하는 방법
- 7. LaTex에서 hline의 색을 변경하는 방법
- 8. TextView에서 텍스트의 색을 변경하는 방법
- 9. UI 레이블의 색을 변경하는 방법
- 10. 선택한 콘텐츠의 색을 변경하는 방법
- 11. 선택한 참조의 색을 변경하는 방법
- 12. 선택한 셀의 색을 변경하는 방법
- 13. VBA에서 차트 색을 변경하는 방법
- 14. justGage에서 값의 색을 변경하는 방법
- 15. CMFCPropertyGridCtrl에서 속성의 색을 변경하는 방법
- 16. JChart2D에서 축 색을 변경하는 방법
- 17. XNA에서 이미지의 색을 변경하는 방법
- 18. CCLabelTTF 문자열의 색을 변경하는 방법
- 19. Microsoft.Samples 프로젝트에서 색을 변경하는 방법
- 20. objectchoicefield 제목의 색을 변경하는 방법
- 21. onItemSelectedListener를 사용하여보기의 색을 변경하는 방법
- 22. WinJS.UI.ToggleSwitch의 텍스트 색을 변경하는 방법
- 23. 선택한 ListItem 색을 변경하는 방법
- 24. 차트 제목의 색을 변경하는 방법
- 25. 제목 /보기의 색을 변경하는 방법
- 26. InnoSetup, RichEditorViewer의 색을 변경하는 방법
- 27. datecontrol의 BackGround 색을 변경하는 방법?
- 28. 검색보기의 아이콘 색을 변경하는 방법
- 29. 콤보 상자의 시스템 색을 사용하여 텍스트 색을 변경하는 방법
- 30. 상태 표시 줄의 색을 변경하는 방법
'css'를 사용하여'svg'의 배경색을 변경하는 것은 어떻습니까? – PierreDuc
CSS를 사용하여 svg의 배경색을 어떻게 변경합니까? – Superdooperhero