javascript - 当鼠标悬停在图像底部时如何允许调整大小？

Question

我正在使用 Draft.js 插件 Resizeable。

当鼠标悬停在图像的底部（如果可能，还包括右下角）时，我试图允许调整大小。

在文档 使用部分中，它说：

将鼠标悬停在块的右侧并拖动以调整大小。在哪个边缘调整大小是可能的是可配置的。

但是，配置参数部分是空的。

如何在此函数中使用参数？

const resizeablePlugin = createResizeablePlugin();

Answer 1

不幸的是，此配置未在文档中指定。但是我们可以研究源代码，我们可以注意到该createResizablePlugin函数接收这个默认配置对象：

{
  horizontal: 'relative',
  vertical: false,
  resizeSteps: 1
}

所以我们应该以这种方式覆盖vertical属性：

const resizeablePlugin = createResizeablePlugin({
  vertical: 'absolute', // <== ! override default value
});

之后，我们可以通过拖动底部边缘和右下角来调整大小。