【问题标题】:How to allow resizing when the mouse hovers on the bottom of the image?当鼠标悬停在图像底部时如何允许调整大小?
【发布时间】:2017-11-24 13:23:50
【问题描述】:
我正在使用 Draft.js 插件 Resizeable。
当鼠标悬停在图像的底部(如果可能,还包括右下角)时,我试图允许调整大小。
在document 使用部分,它说:
将鼠标悬停在块的右侧并拖动以调整大小。可以配置的边缘调整大小是可配置的。
但是,配置参数部分是空的。
如何在这个函数中使用参数?
const resizeablePlugin = createResizeablePlugin();
【问题讨论】:
标签:
javascript
draftjs
draft-js-plugins
【解决方案1】:
很遗憾,此配置未在文档中指定。但是我们可以研究一下源代码,我们可以注意到createResizablePlugin 函数接收到这个默认配置对象:
{
horizontal: 'relative',
vertical: false,
resizeSteps: 1
}
所以我们应该这样覆盖vertical 属性:
const resizeablePlugin = createResizeablePlugin({
vertical: 'absolute', // <== ! override default value
});
之后,我们可以通过拖动底部边缘和右下角来调整大小。