Jquery 使用鼠标滚轮缩放到svg中的特定区域
我的asp.net站点中嵌入了一个简单的svg地图。我想用鼠标滚轮缩小和放大那张地图 我使用mouseweel.js实现了一些缩放功能 但问题是,我无法让地图缩放到特定区域。相反,整个地图都在增长 SVG JS 如何实现谷歌地图中的特定区域缩放?我发现这个库可能是你想要的。Jquery 使用鼠标滚轮缩放到svg中的特定区域,jquery,svg,zooming,mousewheel,Jquery,Svg,Zooming,Mousewheel,我的asp.net站点中嵌入了一个简单的svg地图。我想用鼠标滚轮缩小和放大那张地图 我使用mouseweel.js实现了一些缩放功能 但问题是,我无法让地图缩放到特定区域。相反,整个地图都在增长 SVG JS 如何实现谷歌地图中的特定区域缩放?我发现这个库可能是你想要的。 <div id="divmap"> <svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" version="1.1">
<div id="divmap">
<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>
</div>
$(document).ready(function () {
$("#divmap").bind('mousewheel', function (event, delta) {
var divheight = $('svg').height();
if ((divheight - 50) > 100) {
var delta_px = delta > 0 ? "+=50" : "-=50";
if (delta < 10) {
var options = { height: delta_px, width: delta_px };
$('svg').css({
width: delta_px,
height: delta_px
});
}
}
});
});