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

相关文章推荐

老实的鸡蛋面 · Dockerfile执行的时候没有执行CMD ...· 1 年前 ·

温柔的毛衣 · Python获取指定日期前后n天的时间_py ...· 1 年前 ·

仗义的楼房 · Activity中多fragment使用Na ...· 2 年前 ·

深情的奔马 · js控制div滚动条，滚动滚动条使div中的 ...· 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));

推荐文章

老实的鸡蛋面 · Dockerfile执行的时候没有执行CMD_用dockerfile构建的go程序,cmd命令无法启动-CSDN博客

1 年前

温柔的毛衣 · Python获取指定日期前后n天的时间_python如何根据指定日期计算后n天-CSDN博客

1 年前

仗义的楼房 · Activity中多fragment使用NavHostFragment导航用法_91导航-CSDN博客

2 年前

深情的奔马 · js控制div滚动条，滚动滚动条使div中的元素可见并居中 - 追极 - 博客园

2 年前

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

1 个回答