Konvajs滚动到图层中心

// 获取图层对象
var layer = new Konva.Layer();

// 获取图层的宽度和高度
var layerWidth = layer.width();
var layerHeight = layer.height();

// 计算图层内容的中心坐标
var centerX = layerWidth / 2;
var centerY = layerHeight / 2;

// 获取当前视口的宽度和高度
var viewportWidth = window.innerWidth;
var viewportHeight = window.innerHeight;

// 计算需要滚动的距离
var scrollX = centerX - (viewportWidth / 2);
var scrollY = centerY - (viewportHeight / 2);

// 使用Konva.js的动画功能实现平滑滚动
var anim = new Konva.Animation(function(frame) {
  // 计算当前滚动位置
  var currentScrollX = scrollX * frame.time / 1000;
  var currentScrollY = scrollY * frame.time / 1000;

  // 设置图层的位置
  layer.position({
    x: -currentScrollX,
    y: -currentScrollY
  });

  // 更新图层
  layer.batchDraw();

  // 检查是否滚动到中心位置
  if (frame.time >= 1000) {
    anim.stop();
  }
}, layer);

// 启动动画
anim.start();