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

相关文章推荐

胡子拉碴的花生 · C语言微秒级时间生成随机字符串_c++ ...· 1 年前 ·

坏坏的小熊猫 · SpringBoot+Minio搭建不再爆肝 ...· 1 年前 ·

仗义的单车 · 使用 Java 下载 Blob - ...· 2 年前 ·

谈吐大方的长颈鹿 · 一个有趣的错误ORA-1002_ITPUB博客· 2 年前 ·

威武的登山鞋 · PySide2/QT for Python ...· 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));

推荐文章

胡子拉碴的花生 · C语言微秒级时间生成随机字符串_c++ srand 微秒-CSDN博客

1 年前

坏坏的小熊猫 · SpringBoot+Minio搭建不再爆肝秃头的分布式文件服务器 - 程序员济癫 - 博客园

1 年前

仗义的单车 · 使用 Java 下载 Blob - Azure Storage | Microsoft Learn

2 年前

谈吐大方的长颈鹿 · 一个有趣的错误ORA-1002_ITPUB博客

2 年前

威武的登山鞋 · PySide2/QT for Python : Widget not updating / GUI Freezing - Stack Overflow

2 年前

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

1 个回答