Skip to content

Commit ebc3f93

Browse files
davidjbradshawdavidjbradshaw
committed
Release v1.0.10
1 parent 02a2669 commit ebc3f93

File tree

5 files changed

+145
-127
lines changed

5 files changed

+145
-127
lines changed

Diff for: ‎bower.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "image-map-resizer",
3-
"version": "1.0.9",
3+
"version": "1.0.10",
44
"homepage": "https://github.com/davidjbradshaw/image-map-resizer",
55
"authors": [
66
"David J. Bradshaw <[email protected]>"

Diff for: ‎js/imageMapResizer.js

+140-122
Original file line numberDiff line numberDiff line change
@@ -4,142 +4,160 @@
44
* License: MIT
55
*/
66

7-
(function(){
8-
'use strict';
9-
10-
function scaleImageMap(){
11-
12-
function resizeMap() {
13-
function resizeAreaTag(cachedAreaCoords,idx){
14-
function scale(coord){
15-
var dimension = ( 1 === (isWidth = 1-isWidth) ? 'width' : 'height' );
16-
return padding[dimension] + Math.floor(Number(coord) * scalingFactor[dimension]);
17-
}
18-
19-
var isWidth = 0;
20-
areas[idx].coords = cachedAreaCoords.split(',').map(scale).join(',');
21-
}
22-
23-
var scalingFactor = {
24-
width : image.width / image.naturalWidth,
25-
height : image.height / image.naturalHeight
26-
};
27-
28-
var padding = {
29-
width : parseInt(window.getComputedStyle(image, null).getPropertyValue('padding-left'), 10),
30-
height : parseInt(window.getComputedStyle(image, null).getPropertyValue('padding-top'), 10)
31-
};
32-
33-
cachedAreaCoordsArray.forEach(resizeAreaTag);
7+
;(function() {
8+
'use strict'
9+
10+
function scaleImageMap() {
11+
function resizeMap() {
12+
function resizeAreaTag(cachedAreaCoords, idx) {
13+
function scale(coord) {
14+
var dimension = 1 === (isWidth = 1 - isWidth) ? 'width' : 'height'
15+
return (
16+
padding[dimension] +
17+
Math.floor(Number(coord) * scalingFactor[dimension])
18+
)
3419
}
3520

36-
function getCoords(e){
37-
//Normalize coord-string to csv format without any space chars
38-
return e.coords.replace(/ *, */g,',').replace(/ +/g,',');
39-
}
40-
41-
function debounce() {
42-
clearTimeout(timer);
43-
timer = setTimeout(resizeMap, 250);
44-
}
45-
46-
function start(){
47-
if ((image.width !== image.naturalWidth) || (image.height !== image.naturalHeight)) {
48-
resizeMap();
49-
}
50-
}
51-
52-
function addEventListeners(){
53-
image.addEventListener('load', resizeMap, false); //Detect late image loads in IE11
54-
window.addEventListener('focus', resizeMap, false); //Cope with window being resized whilst on another tab
55-
window.addEventListener('resize', debounce, false);
56-
window.addEventListener('readystatechange', resizeMap, false);
57-
document.addEventListener('fullscreenchange', resizeMap, false);
58-
}
59-
60-
function beenHere(){
61-
return ('function' === typeof map._resize);
62-
}
63-
64-
function getImg(name){
65-
return document.querySelector('img[usemap="'+name+'"]');
66-
}
67-
68-
function setup(){
69-
areas = map.getElementsByTagName('area');
70-
cachedAreaCoordsArray = Array.prototype.map.call(areas, getCoords);
71-
image = getImg('#' + map.name) || getImg(map.name);
72-
map._resize = resizeMap; //Bind resize method to HTML map element
73-
}
21+
var isWidth = 0
22+
areas[idx].coords = cachedAreaCoords
23+
.split(',')
24+
.map(scale)
25+
.join(',')
26+
}
27+
28+
var scalingFactor = {
29+
width: image.width / image.naturalWidth,
30+
height: image.height / image.naturalHeight,
31+
}
32+
33+
var padding = {
34+
width: parseInt(
35+
window.getComputedStyle(image, null).getPropertyValue('padding-left'),
36+
10
37+
),
38+
height: parseInt(
39+
window.getComputedStyle(image, null).getPropertyValue('padding-top'),
40+
10
41+
),
42+
}
43+
44+
cachedAreaCoordsArray.forEach(resizeAreaTag)
45+
}
7446

75-
var
76-
/*jshint validthis:true */
77-
map = this,
78-
areas = null, cachedAreaCoordsArray = null, image = null, timer = null;
79-
80-
if (!beenHere()){
81-
setup();
82-
addEventListeners();
83-
start();
84-
} else {
85-
map._resize(); //Already setup, so just resize map
86-
}
47+
function getCoords(e) {
48+
//Normalize coord-string to csv format without any space chars
49+
return e.coords.replace(/ *, */g, ',').replace(/ +/g, ',')
8750
}
8851

52+
function debounce() {
53+
clearTimeout(timer)
54+
timer = setTimeout(resizeMap, 250)
55+
}
8956

57+
function start() {
58+
if (
59+
image.width !== image.naturalWidth ||
60+
image.height !== image.naturalHeight
61+
) {
62+
resizeMap()
63+
}
64+
}
9065

91-
function factory(){
92-
function chkMap(element){
93-
if(!element.tagName) {
94-
throw new TypeError('Object is not a valid DOM element');
95-
} else if ('MAP' !== element.tagName.toUpperCase()) {
96-
throw new TypeError('Expected <MAP> tag, found <'+element.tagName+'>.');
97-
}
98-
}
66+
function addEventListeners() {
67+
image.addEventListener('load', resizeMap, false) //Detect late image loads in IE11
68+
window.addEventListener('focus', resizeMap, false) //Cope with window being resized whilst on another tab
69+
window.addEventListener('resize', debounce, false)
70+
window.addEventListener('readystatechange', resizeMap, false)
71+
document.addEventListener('fullscreenchange', resizeMap, false)
72+
}
9973

100-
function init(element){
101-
if (element){
102-
chkMap(element);
103-
scaleImageMap.call(element);
104-
maps.push(element);
105-
}
106-
}
74+
function beenHere() {
75+
return 'function' === typeof map._resize
76+
}
10777

108-
var maps;
109-
110-
return function imageMapResizeF(target){
111-
maps = []; // Only return maps from this call
112-
113-
switch (typeof(target)){
114-
case 'undefined':
115-
case 'string':
116-
Array.prototype.forEach.call(document.querySelectorAll(target||'map'),init);
117-
break;
118-
case 'object':
119-
init(target);
120-
break;
121-
default:
122-
throw new TypeError('Unexpected data type ('+typeof target+').');
123-
}
124-
125-
return maps;
126-
};
78+
function getImg(name) {
79+
return document.querySelector('img[usemap="' + name + '"]')
12780
}
12881

82+
function setup() {
83+
areas = map.getElementsByTagName('area')
84+
cachedAreaCoordsArray = Array.prototype.map.call(areas, getCoords)
85+
image = getImg('#' + map.name) || getImg(map.name)
86+
map._resize = resizeMap //Bind resize method to HTML map element
87+
}
12988

130-
if (typeof define === 'function' && define.amd) {
131-
define([],factory);
132-
} else if (typeof module === 'object' && typeof module.exports === 'object'){
133-
module.exports = factory(); //Node for browserfy
89+
var /*jshint validthis:true */
90+
map = this,
91+
areas = null,
92+
cachedAreaCoordsArray = null,
93+
image = null,
94+
timer = null
95+
96+
if (!beenHere()) {
97+
setup()
98+
addEventListeners()
99+
start()
134100
} else {
135-
window.imageMapResize = factory();
101+
map._resize() //Already setup, so just resize map
102+
}
103+
}
104+
105+
function factory() {
106+
function chkMap(element) {
107+
if (!element.tagName) {
108+
throw new TypeError('Object is not a valid DOM element')
109+
} else if ('MAP' !== element.tagName.toUpperCase()) {
110+
throw new TypeError(
111+
'Expected <MAP> tag, found <' + element.tagName + '>.'
112+
)
113+
}
136114
}
137115

138-
139-
if('jQuery' in window) {
140-
jQuery.fn.imageMapResize = function $imageMapResizeF(){
141-
return this.filter('map').each(scaleImageMap).end();
142-
};
116+
function init(element) {
117+
if (element) {
118+
chkMap(element)
119+
scaleImageMap.call(element)
120+
maps.push(element)
121+
}
143122
}
144123

145-
})();
124+
var maps
125+
126+
return function imageMapResizeF(target) {
127+
maps = [] // Only return maps from this call
128+
129+
switch (typeof target) {
130+
case 'undefined':
131+
case 'string':
132+
Array.prototype.forEach.call(
133+
document.querySelectorAll(target || 'map'),
134+
init
135+
)
136+
break
137+
case 'object':
138+
init(target)
139+
break
140+
default:
141+
throw new TypeError('Unexpected data type (' + typeof target + ').')
142+
}
143+
144+
return maps
145+
}
146+
}
147+
148+
if (typeof define === 'function' && define.amd) {
149+
define([], factory)
150+
} else if (typeof module === 'object' && typeof module.exports === 'object') {
151+
module.exports = factory() //Node for browserfy
152+
} else {
153+
window.imageMapResize = factory()
154+
}
155+
156+
if ('jQuery' in window) {
157+
window.jQuery.fn.imageMapResize = function $imageMapResizeF() {
158+
return this.filter('map')
159+
.each(scaleImageMap)
160+
.end()
161+
}
162+
}
163+
})()

Diff for: ‎js/imageMapResizer.map

+1-1
Original file line numberDiff line numberDiff line change

Diff for: ‎js/imageMapResizer.min.js

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "image-map-resizer",
3-
"version": "1.0.9",
3+
"version": "1.0.10",
44
"repository": {
55
"type": "git",
66
"url": "https://github.com/davidjbradshaw/image-map-resizer.git"

0 commit comments

Comments
 (0)