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

相关文章推荐

慷慨大方的皮带 · vue3+ts：shims-vue.d.ts ...· 11 月前 ·

幸福的梨子 · 人工智能贾维斯_贾维斯人工智能_贾斯珀使用J ...· 2 年前 ·

痴情的大象 · 来自官方的一些dbt 最佳实践 - 荣锋亮 ...· 2 年前 ·

狂野的伤疤 · sql查询日期时间范围的数量-掘金· 2 年前 ·

强健的吐司 · Laravel+lumen issue ...· 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));

推荐文章

慷慨大方的皮带 · vue3+ts：shims-vue.d.ts-CSDN博客

11 月前

幸福的梨子 · 人工智能贾维斯_贾维斯人工智能_贾斯珀使用JRBeanCollectionDataSource进行报告 - 腾讯云开发者社区 - 腾讯云

2 年前

痴情的大象 · 来自官方的一些dbt 最佳实践 - 荣锋亮 - 博客园

2 年前

狂野的伤疤 · sql查询日期时间范围的数量-掘金

2 年前

强健的吐司 · Laravel+lumen issue of 500 error on every service api after new deployment using Github - Microsoft Q&A

2 年前

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

1 个回答