svg.resize.js是否存在与调整大小相关的事件？

当然有啦！svg.resize.js 确实提供了一套和调整大小流程绑定的事件，完全可以满足你在调整完成后执行特定操作的需求，和你提到的 draggable 组件的事件逻辑很相似。

下面是你需要重点关注的几个核心事件：

• resize.start：当用户开始拖动调整手柄，触发调整大小操作的瞬间触发。
• resize.resize：在调整大小的过程中（鼠标拖动时）会持续触发这个事件，适合实时同步元素状态。
• resize.end：当用户松开鼠标，调整大小操作完成时触发，这正是你需要的“调整完成后执行操作”的时机。

代码示例 #

你可以这样绑定事件，以监听调整完成的 resize.end 为例：

// 假设你已经通过 svg.select.js 选中了目标元素
const selectedElement = SVG.select('#your-svg-element').selectize();

// 初始化 resize 功能并绑定事件
selectedElement.resize()
  .on('resize.end', function() {
    // 在这里编写你要执行的特定操作，比如操作另一个元素
    const anotherElement = SVG.select('#another-element');
    anotherElement.fill('red').move(100, 100);
  });

如果需要监听其他阶段的事件，直接替换事件名即可，比如绑定 resize.start 来在调整开始时做准备工作：

selectedElement.resize()
  .on('resize.start', function() {
    console.log('调整大小操作开始了！');
  });

这些事件的回调函数里，this 会指向当前正在被调整的 SVG 元素，方便你直接操作它的属性。

内容的提问来源于stack exchange，提问作者Priyam