Poseo el siguiente código para alejar o acercar (ZOOM IN, ZOOM OUT) con un click en Javascript
Para acercar:
window.onclick = function(e) {
var coef = e.shiftKey || e.ctrlKey ? 0.5 : 2,
oz = current.zoom,
nz = (current.zoom *= coef),
/// calculate click at current zoom
ix = (e.clientX - current.x) / oz,
iy = (e.clientY - current.y) / oz,
/// calculate click at new zoom
nx = ix * nz,
ny = iy * nz,
/// move to the difference
cx = (current.x = ix - nx),
cy = (current.y = iy - ny)
;
/// make sure we translate before scale!
con.style.transform
= 'translate('+cx+'px, '+cy+'px) '
+ 'scale('+nz+')'
;
};
Para alejar:
window.onclick = function(e) {
var coef = e.shiftKey || e.ctrlKey ? 0.5 : 2,
oz = current.zoom,
nz = (current.zoom *= coef),
/// calculate click at current zoom
ix = (e.clientX - current.x) / oz,
iy = (e.clientY - current.y) / oz,
/// calculate click at new zoom
nx = ix * nz,
ny = iy * nz,
/// move to the difference
cx = (current.x = ix - nx),
cy = (current.y = iy - ny)
;
/// make sure we translate before scale!
con.style.transform
= 'translate('+cx+'px, '+cy+'px) '
+ 'scale('+nz+')'
;
};
Ahora, deseo un simple cambio, según el botón pulsado realizar el alejamiento y el alejamiento. Al pulsar el botón izquierdo realizar el acercamiento, al pulsar el botón derecho alejar. Todo esto conservando el código de acercamiento y alejamiento que presento arriba. Alguna sugerencia?