필자는 가지고있는 차트 도구의 이미지 맵을 동적으로 생성하고 있습니다.이미지 맵을 시각화/디버깅하는 방법은 무엇입니까?
영역 태그에 테두리 또는 색을 설정하여 모든 것이 올바른 좌표로 생성되는지 확인할 수 있기를 기대했지만 약간의 연구에 따르면 이것이 불가능하다는 것을 보여줍니다.
내 이미지 맵을 확인하는 가장 쉬운 방법은 무엇입니까? 해당 영역을 "시각화"할 수있는 브라우저 도구가 있습니까?
필자는 가지고있는 차트 도구의 이미지 맵을 동적으로 생성하고 있습니다.이미지 맵을 시각화/디버깅하는 방법은 무엇입니까?
영역 태그에 테두리 또는 색을 설정하여 모든 것이 올바른 좌표로 생성되는지 확인할 수 있기를 기대했지만 약간의 연구에 따르면 이것이 불가능하다는 것을 보여줍니다.
내 이미지 맵을 확인하는 가장 쉬운 방법은 무엇입니까? 해당 영역을 "시각화"할 수있는 브라우저 도구가 있습니까?
JavaScript (및 jQuery)를 사용하여 테스트하는 방법은 무엇입니까?
http://davidlynch.org/js/maphilight/docs/demo_usa.html
이 플러그인은 이미지 맵 영역을 강조합니다.
Dreamweaver가 도움이 될 수있는 몇 안되는 경우 중 하나라고 생각하지 않습니다. 인터페이스가있어 앵커 포인트로 작업하고 이미지 맵을 쉽게 설정할 수 있습니다.
당신은 그것에 대해 FireBug를 사용할 수 있습니다
image
태그가 강조 표시됩니다 : 찾아 확장 보통은area
태그 위에 마우스를 배치 할 수 있습니다 직후 인 관련 map
태그는 이미지를 통해 강조Image Map Editor은 Firefox 용 플러그인입니다. 지금까지 내가 찾은 최고의 도구는 이미지 맵을 쉽게 만들고, 검사하고, 편집 할 수있게 해줍니다.
크롬에서 영역 태그를 시각화하는 한 가지 방법은보고 싶은 area
태그에 tabindex
을 추가 한 다음 클릭하거나 탭으로 연결하는 것입니다. Chrome은 클릭 가능한 영역의 실제 윤곽을 멋지게 강조 표시합니다.
이 해결책은 불행히도 Firefox에서는 작동하지 않습니다.
더 이상 작동하지 않습니다 (예 : Firefox 55). –