{"action":"created","issue":{"url":"https://api.github.com/repos/davidjbradshaw/image-map-resizer/issues/13","labels_url":"https://api.github.com/repos/davidjbradshaw/image-map-resizer/issues/13/labels{/name}","comments_url":"https://api.github.com/repos/davidjbradshaw/image-map-resizer/issues/13/comments","events_url":"https://api.github.com/repos/davidjbradshaw/image-map-resizer/issues/13/events","html_url":"https://github.com/davidjbradshaw/image-map-resizer/issues/13","id":75574762,"number":13,"title":"Highlight color","user":{"login":"engincan02","id":11008817,"avatar_url":"https://avatars.githubusercontent.com/u/11008817?v=3","gravatar_id":"","url":"https://api.github.com/users/engincan02","html_url":"https://github.com/engincan02","followers_url":"https://api.github.com/users/engincan02/followers","following_url":"https://api.github.com/users/engincan02/following{/other_user}","gists_url":"https://api.github.com/users/engincan02/gists{/gist_id}","starred_url":"https://api.github.com/users/engincan02/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/engincan02/subscriptions","organizations_url":"https://api.github.com/users/engincan02/orgs","repos_url":"https://api.github.com/users/engincan02/repos","events_url":"https://api.github.com/users/engincan02/events{/privacy}","received_events_url":"https://api.github.com/users/engincan02/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-05-12T11:48:07Z","updated_at":"2015-05-12T13:50:45Z","closed_at":"2015-05-12T12:03:48Z","body":"Is there an easy way to add a highlight color to the areas? I really need this feature..."},"comment":{"url":"https://api.github.com/repos/davidjbradshaw/image-map-resizer/issues/comments/101289612","html_url":"https://github.com/davidjbradshaw/image-map-resizer/issues/13#issuecomment-101289612","issue_url":"https://api.github.com/repos/davidjbradshaw/image-map-resizer/issues/13","id":101289612,"user":{"login":"engincan02","id":11008817,"avatar_url":"https://avatars.githubusercontent.com/u/11008817?v=3","gravatar_id":"","url":"https://api.github.com/users/engincan02","html_url":"https://github.com/engincan02","followers_url":"https://api.github.com/users/engincan02/followers","following_url":"https://api.github.com/users/engincan02/following{/other_user}","gists_url":"https://api.github.com/users/engincan02/gists{/gist_id}","starred_url":"https://api.github.com/users/engincan02/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/engincan02/subscriptions","organizations_url":"https://api.github.com/users/engincan02/orgs","repos_url":"https://api.github.com/users/engincan02/repos","events_url":"https://api.github.com/users/engincan02/events{/privacy}","received_events_url":"https://api.github.com/users/engincan02/received_events","type":"User","site_admin":false},"created_at":"2015-05-12T13:50:45Z","updated_at":"2015-05-12T13:50:45Z","body":"My image map is placed inside a portlet, which is put inside a bootstrap column. How can I change the ratio of the coordinates to the ratio of the image, because the image map ratio should be equal to the size of the portlet, not the size of the window?\r\n\r\nMY HTML CODE:\r\n<div class=\"col-md-3 col-sm-3 col-sm-12\">\r\n                 <!-- BEGIN PORTLET-->\r\n                <div class=\"portlet light \">\r\n                    <div class=\"portlet-title\">\r\n                        <div class=\"caption\">\r\n                            <i class=\"icon-bar-chart font-green-sharp hide\"></i>\r\n                            <span class=\"caption-subject font-green-sharp bold uppercase\">Lichaam</span>\r\n                            <span class=\"caption-helper\">Man</span>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"portlet-body\">\r\n                        <img src=\"../../assets/global/img/male_front.png\" width=\"100%\" usemap=\"#bodymap\">\r\n                        <map name=\"bodymap\">\r\n                             <area shape=\"poly\" coords=\"875,143,880,122,867,75,844,38,819,22,780,6,754,1,716,2,668,21,629,56,610,101,608,135,618,185,597,162,587,164,586,201,611,272,626,268,633,303,665,338,691,372,734,389,776,381,810,348,847,307,856,268,869,271,891,226,897,184,892,163,873,176,863,183\" href=\"#\">\r\n                        </map>  \r\n                    </div>\r\n                </div>\r\n                <!-- END PORTLET-->\r\n            </div>"}}