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

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

憨厚的硬盘 · 广佛西环城际拟今年开工 - 广州市人民政府门户网站· 6 月前 ·

冷静的树叶 · 老联发科一键就能解BL锁！无需清空数据！没解 ...· 1 年前 ·

坚强的遥控器 · 黑土无言_百度百科· 1 年前 ·

豪爽的手套 · 清华量子信息中心段路明研究组发现具有指数加速 ...· 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));

推荐文章

憨厚的硬盘 · 广佛西环城际拟今年开工 - 广州市人民政府门户网站

6 月前

冷静的树叶 · 老联发科一键就能解BL锁！无需清空数据！没解锁成功的快试试这个工具！_哔哩哔哩_bilibili

1 年前

坚强的遥控器 · 黑土无言_百度百科

1 年前

豪爽的手套 · 清华量子信息中心段路明研究组发现具有指数加速的量子机器学习算法-清华科研院

2 年前

安静的苦瓜 · 狮与虎转换：东方萌娃的虎头帽为何与大力神赫拉克勒斯息息相关？_腾讯新闻

2 年前

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

1 个回答