Заголовок 1

Под заголовок

Общая информация об участке 10 c

Заголовок 2

Под заголовок

Общая информация об участке 15 c

Заголовок 3

Под заголовок

Общая информация об участке 20c

Примечание

let scale = 1; const max_scale =10; const st_w = img.width; const st_h = img.height; zoom_point = { x: (eWheel.pageX + el.scrollLeft)/scale, y: (eWheel.pageY + el.scrollTop)/scale } // apply zoom scale += delta * 0.05 * scale; scale = Math.max(1,Math.min(max_scale,scale)); newScroll = { x: zoom_point.x * scale - eWheel.pageX, y: zoom_point.y * scale - eWheel.pageY } img.setAttribute("width", st_w * scale); img.setAttribute("height", st_h * scale); el.scrollTo(newScroll.x, newScroll.y); const zoom = (zm, zx, zy) => { let _w = img.width, _h = img.height; // Запоминаем текущие размеры изображения img.width = min_width + (max_width - min_width) * ratio / max_ratio; // Вычисляем новую ширину изображения img.height = img.width * (max_height / max_width); // Вычисляем новую высоту изображения svg.setAttribute("width", img.width); // Устанавливаем атрибуты ширины и высоты для svg svg.setAttribute("height", img.height); _w -= img.width; _h -= img.height; // Вычисляем изменение размеров if (zm == "cursor") { _w = zx; _h = zy; } else { _w = el.scrollLeft - _w / 2; _h = el.scrollTop - _h / 2; // Вычисляем смещение для прокрутки } document.querySelector('#raz').innerHTML = 'el.scrollLeft: ' + el.scrollLeft + '
_w (изменение размеров изо): ' + _w + '
zx: ' + zx + '
el.scrollTop: ' + el.scrollTop + '
_h (изменение размеров изо): ' + _h + '
zy: ' + zy; el.scrollTo(_w, _h); // Прокручиваем элемент }