第一次缩放事件移除中心变换。

相关文章推荐

从容的投影仪 · 《逗爱藩篱》百度云泰剧-在线观看-超清BD1 ...· 1 年前 ·

发呆的洋葱 · 市中区人民政府智能搜索· 2 年前 ·

温柔的砖头 · 团宠狂妃倾天下漫画｜官方在线漫画全集-快看漫画· 2 年前 ·

不开心的开心果 · 电脑怎么接投影仪？简单三步教你搞定_手机新浪网· 2 年前 ·

严肃的筷子 · 中国公民持普通护照免签来白注意事项· 2 年前 ·

var width = 1000,
    height = 800;
var zoom = d3.zoom()
    .scaleExtent([1 / 2, 4])
    .on("zoom", zoomed);
var svg = d3.select('.svg-container').append("svg")
    .attr("width", width)
    .attr("height", height)
    .attr('preserveAspectRatio', 'xMinYMin')
    .call(zoom);
var g = svg.append("g").attr(
    "transform",
    "translate(" + width / 2 + "," + height / 2 + ") scale(1)"
function zoomed() {
    g.attr(
      "transform",
      d3.event.transform
}

{k: 1, x: 0, y: 0}

function zoomed() {
    var x = (width / 2) + d3.event.transform.x;
    var y = (height / 2) + d3.event.transform.y;
    g.attr(
      "transform",
      "translate(" + x + "," + y + ") scale(" + d3.event.transform.k + ")"
}

var width = 1000,
    height = 800;
var zoom = d3.zoom()
    .scaleExtent([1 / 2, 4])
    .on("zoom", zoomed);
var svg = d3.select('.svg-container').append("svg")
    .attr("width", width)
    .attr("height", height)
    .attr('preserveAspectRatio', 'xMinYMin')
    .call(zoom);
var g = svg.append("g");
// set initial position via zoom
svg.call(zoom.transform, d3.zoomIdentity.translate(width/2, height/2));

推荐文章

从容的投影仪 · 《逗爱藩篱》百度云泰剧-在线观看-超清BD1080P|泰语中字（2018）_人人电影网,百度云盘,阿里网盘下载

1 年前

发呆的洋葱 · 市中区人民政府智能搜索

2 年前

温柔的砖头 · 团宠狂妃倾天下漫画｜官方在线漫画全集-快看漫画

2 年前

不开心的开心果 · 电脑怎么接投影仪？简单三步教你搞定_手机新浪网

2 年前

严肃的筷子 · 中国公民持普通护照免签来白注意事项

2 年前

第一次缩放事件移除中心变换。 内容来源于 Stack Overflow，遵循 CC BY-SA 4.0 许可协议进行翻译与使用。IT领域专用引擎提供翻译支持 腾讯云小微IT领域专用引擎提供翻译支持

1 个回答